[別ファイルにあるメソッド内の変数を参照したい]

Question

A.js

export default Marionette.Controller.extend({
  test: function()
  {
     var greeting = 
     [
        "good morning",
        "good afternoon",
        "good evening"
     ];
  }
});

B.js

// Aファイルの読み込み
import A from './A.js'

export default Backbone.Model.extend({

  // デフォルトで空の配列を用意しておく
  defaults: function() {
    return {
      greeting: []
    };
  },

  // 値の入っているgreetingをset
  initialize: function() {
    this.set({ 
      // Aファイルのtestメソッド内にあるnameを参照したい
      // greeting: 'A.greeting' ???
      // greeting: 'A.test.greeting' ???
    })
  }
});

C.hbs

  {{! greetingをeachでまわして配列の中身を表示させる}}
  <li>
    <a href="#">挨拶</a>
    <ul>
      {{#each greeting}}
      <li>
        <a href='{{this.greeting}}'>{{this.greeting}}</a>
      </li>
      {{/each}}
    </ul>
  </li>

求めている結果

・good morning
・good afternoon
・good evening

■やりたいこと
Aファイルのメソッド内に存在する変数をBファイル内で使用したい
（使用方法：hbsに送る為にsetしたい）

ご教授いただけると幸いでございます。宜しくお願い致します。

Answer 1

メソッド(function)もオブジェクトの一種ですからgreetingを属性としてを持たせることは可能です。

ただそれはメソッドの中で変数を宣言するのとは根本的に違いますが…。

以下のように書いてみてはいかがでしょうか。

export default Marionette.Controller.extend({
  initialize: {
    this.test = function() {
      //処理を記述
    };
    this.test.greeting = [
      "good morning",
      "good afternoon",
      "good evening"
    ];
  }
});

なお余談ではありますが、Marionette.Controllerについても少しだけ。

Backbone.Marionette v2.2以前は(誤解を招く名称ながら)汎用的なオブジェクトという扱いでしたが、v2.3以降はMarionette.AppRouter用のコールバックを格納する用途に限定、v2.4以降は唯一の役割もMarionette.Objectまたは単なるオブジェクトリテラルに譲りWarning: deprecatedとされています。

今となっては敢えて使用する意味は薄いかと存じます。