如何從內部函數訪問外部範圍？

Question

如何從內部函數c1訪問container.a？

var container = { 
    a : 'blah', 
    b : function(){ 
     console.log(this.a); // prints 'blah' 
    }, 
    c : {   
     // how to access container.a from here? 
     c1: function(){ 
      // and here? 
     } 
    } 
} 

Answer 1

您可以指的是保持對對象的引用外部變量，但這是不一定穩定。如果「容器」的值改變了，它將不起作用。爲了防止這種情況，你可以在一個匿名函數封裝對象的定義：

var container = function() { 
    var obj = { 
    a : 'blah', 
    b : function(){ 
     console.log(this.a); // prints 'blah' 
    }, 
    c : {   
     c1: function(){ 
     console.log(obj.a) 
     } 
    } 
    }; 

    return obj; 
}(); 

這看起來非常相似，但這樣做你保證的價值「目標文件」不會改變（除非對象中的一些其他函數改變它，這將是一個奇怪的事情）。現在，不管最初分配給「容器」的對象發生什麼情況，那個.c.c1()函數都將繼續工作。

Answer 2

只是指容器它是一個封閉

var container = { 
    a : 'blah', 
    b : function(){ 
     console.log(this.a); // prints 'blah' 
    }, 
    c : {   
     c1: function(){ 
      console.log(container.a) 
     } 
    } 
} 

Answer 3

按名稱：

var container = { 
    a : 'blah', 
    b : function(){ 
    console.log(this.a); // prints 'blah' 
    }, 
    c : {   
    // how to access container.a from here? 
    c1: function(){ 
     console.log(container.a); 
     // and here? 
    } 
    } 
}