それ私が持っている

Question

2 IFFE：

var Helper = (function() { 
    return { 
     number: null, 
     init: function (num) { 
      number = num; 
     } 
    } 
})(); 

var Helper2 = (function() { 
    return { 
     options: { 
      number: [], 
     }, 
     init: function(num){ 
      this.options.number = num; 
     }, 
     getData: function() { 
      return this.options.number; 
     } 
    } 
})(); 


Helper2.init(Helper.number); 
console.log(Helper2.getData()); 
Helper.init(5); 
console.log(Helper2.getData()); 

私は何をしたいが、私は技術が何ができるか

Helper2.init(Helper.number); 
console.log(Helper2.getData()); // null 
Helper.init(5); 
console.log(Helper2.getData()); // null 

で何を得る

Helper2.init(Helper.number); 
console.log(Helper2.getData()); // null 
Helper.init(5); 
console.log(Helper2.getData()); // 5 

ですそれができるならば、それは参照によって渡すことができますか？

JSBIN：https://jsbin.com/gomakubeka/1/edit?js,console

編集：人々のトンがHelper2 depend on Helperを持っているさまざまな方法を取り入れ開始する前に、Helperの実際の実装が不明であるとHelper2は、メモリアドレスを必要とするので、彼らは数を実装する方法の100年代を持つことができます。

編集2：私は、私は私が参照

で使用することができるように、このプリミティブ型をラップすることができますどのように、配列/オブジェクトは参照によって渡されるかということを知った上で、いくつかのスタートを得るために期待していたパスを想定

Answer 1

まず第一にそれは動作しません：

helperは、オブジェクトを返す自己起動関数です。 initが呼び出されると、Helperオブジェクトに数値が設定されます。

次に、Helper2には、オブジェクトをnullに設定するために整数（Helper.number）をinitに渡します。したがって、あなたはHelper.numberへの参照を渡していません。それに設定された値のみ。

オブジェクト全体を渡して読み出す必要があります。

例：

var Helper = (function() { 
 
    return { 
 
     number: null, 
 
     init: function (num) { 
 
      this.number = num; //add this 
 
     } 
 
    } 
 
})(); 
 

 
var Helper2 = (function() { 
 
    return { 
 
     options: { 
 
      number: [], 
 
     }, 
 
     init: function(obj){ 
 
      
 
      this.options = obj; //save a reference to the helper obj. 
 
     }, 
 
     getData: function() { 
 
      if (this.options.number) 
 
      { 
 
       return this.options.number; 
 
      } 
 
     } 
 
    } 
 
})(); 
 

 

 
Helper2.init(Helper); //store the helper object 
 
console.log(Helper2.getData()); 
 
Helper.init(5); 
 
console.log(Helper2.getData());

Answer 2

オブジェクトのみに発生する可能性がJavaScriptで参照渡し。 JavaScriptで値渡しできるのは、プリミティブなデータ型だけです。

最初のオブジェクトで、 "number：null"を2番目のオブジェクトにあるようにオプションオブジェクト内にネストするように変更した場合、そのオブジェクトの参照を別のオブジェクトに渡すことができます。トリックは、プリミティブなデータ型ではなく、オブジェクトを使用するための参照渡しが必要な場合です。代わりに、基本データ型をオブジェクト内にネストし、そのオブジェクトを使用します。

私は少しコードを変更しましたが、これはあなたが達成しようとしていたものでうまくいくと思います。

var Helper = function (num) { 
 
    return { 
 
     options: { 
 
      number: num 
 
     }, 
 
     update: function (options) { 
 
      this.options = options; 
 
     } 
 
    } 
 
}; 
 

 
var Helper2 = function (num) { 
 
    return { 
 
     options: { 
 
      number: num, 
 
     }, 
 
     update: function(options){ 
 
      this.options = options; 
 
     }, 
 
     getData: function() { 
 
      return this.options.number; 
 
     } 
 
    } 
 
}; 
 

 
var tempHelp = new Helper(); 
 
var tempHelp2 = new Helper2(); 
 
tempHelp2.update(tempHelp.options); 
 
tempHelp.options.number = 5; 
 
console.log(tempHelp2.getData());

Answer 3

私はあなたが正確にあなたが望む結果を得ることができるようになるだろうとは思いません。しかし、あなたのコメントの一つに、あなたが言った：

は、残念ながら、インタフェースはまさに真実ではありませんジャバスクリプト

で何かではありません。はい、強く入力する必要はありません。コードのユーザーは、関数に特定のタイプのオブジェクトが必要だと言うと、あなたの提案を完全に無視することができます。

しかし、独自のコードでniceを再生するために、ユーザーが拡張したいソートのインターフェイスを作成することはできます。たとえば、（参照することにより、プリミティブを通過することができないという問題を解決する）プリミティブをカプセル化することができますReferenceインスタンスになりますvalue計算プロパティにアクセスするためのメカニズムを提供してValuableクラスからextend、彼らがしなければならないことをユーザーに伝えることができます。

これは計算されたプロパティを使用するため、.valueという表記を利用する利点もあります。実際の値の代わりに.valueがReferenceになることがあります。

// Intermediary class that can be passed around and hold primitives 
 
class Reference { 
 
    constructor(val) { 
 
    this.val = val; 
 
    } 
 
} 
 

 
// Interface that dictates "value" 
 
class Valuable { 
 
    constructor() { 
 
    this._value = new Reference(); 
 
    } 
 
    get value() { 
 
    return this._value; 
 
    } 
 
    set value(v) { 
 
    this._value.val = v; 
 
    } 
 
} 
 

 
// "Concrete" class that implements the Valuable interface 
 
class ValuableHelper extends Valuable { 
 
    constructor() { 
 
    super(); 
 
    } 
 
} 
 

 
// Class that will deal with a ValuableHelper 
 
class Helper { 
 
    constructor(n) { 
 
    this.options = { 
 
     number: n 
 
    } 
 
    } 
 
    getData() { 
 
    return this.options.number; 
 
    } 
 
    setData(n) { 
 
    this.options.number = n; 
 
    } 
 
} 
 

 
// Create our instances 
 
const vh = new ValuableHelper(), 
 
    hh = new Helper(vh.value); 
 

 
// Do our stuff 
 
console.log(hh.getData().val); 
 
vh.value = 5; 
 
console.log(hh.getData().val); 
 
hh.setData(vh.value); 
 
vh.value = 5;