クロージャの変数を返すと参照の代わりにコピーが作成されています

Question

このクロージャの動作によって混乱します。私は閉鎖に関するいくつかのSOの記事（this oneを含む）とMDNの文書を読んだが、この動作の説明は見ていない。

下のコードサンプルでは、​​変数cacheと、それを変更する関数preloadと、その値を記録する関数reportを含むクロージャを作成しています。また、渡されたオブジェクトにそれらへの参照を添付する。

'use strict'; 

var o = {}; 

(function(obj) { 
    var cache = {'initialized': false}; 

    function preload(assets, done) { 
     console.log('Preloading. Value of cache is', cache); 
     cache = {}; 

     for (var i = 0; i < assets.length; i++) { 
      cache[assets[i]] = assets[i]; 
     } 
    } 

    function report() { 
     console.log('Cache from inside is ', cache); 
    } 

    function get_cache() { 
     return cache; 
    } 

    obj.cache = cache; 
    obj.preload = preload; 
    obj.report = report; 
})(o); 

// {initialized: false}, as expected 
o.report(); 

// {initialized: false}, as expected 
console.log('Cache from outside is ', o.cache); 

// I expect this to change cache to {1:1, 2:2, 3:3} 
o.preload([1, 2, 3]); 

// {1:1, 2:2, 3:3}, as expected 
o.report(); 

// {initialized: false}, NOT as expected. Why? 
console.log('Cache from outside is ', o.cache); 

私の期待を閉鎖が提供objからcacheを添付するとき、それはクロージャ内の変数への参照を代入していることを私の理解に基づいています。しかし、私が見ているふるまいは、obj.cacheが閉鎖のcacheのコピーを得ていることを示唆しています。

cacheのコピーはいつ作成されますか？その理由は何ですか？あなたが最初にobj.cache = cache;を呼び出すと

Answer 1

、あなたはcacheが（このオブジェクト：{'initialized': false}）を指していることを同じオブジェクトをobj.cacheポイントを作っている

あなたがpreloadを呼び出すときにその後、あなたは別の変数cacheを指します、新しいオブジェクト：cache = {};。 cache変数は新しいオブジェクトを指していますが、obj.cacheはまだ最初に作成された古いオブジェクトを指しています。

これは、クロージャ内のcacheで行われたすべてのログで新しい値がログに記録され、ログにはまだ変更されていない値が表示される理由を説明しています。彼らは現在2つの異なるオブジェクトを指しており、cacheが指し示しているオブジェクトの内容を変更すると、元のオブジェクトに何の影響も与えずにobj.cacheが指し示しています。

Answer 2

あなたのIIFEが実行された時点で、cacheをobj.cacheに追加しました。そうでした。 obj.cacheはIIFEの変数cacheへの参照を保持していません。しかし、reportとpreload関数は、作成されたスコープ外で呼び出されたとしても、IIFEの変数cacheを使用しています。したがって、IIFE内のスコープへの参照は、obj.preloadおよびobj.report関数（これはクロージャが観察される場所です）では保持されますが、obj.cacheでは保持されません。

閉鎖がどのように観察され、行使されているかの詳細については、linkを参照してください。