如何从内部函数访问外部范围？

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? 
    } 
    } 
}