JS var函数

Question

请查看以下代码：

var test = {

    test2 : {
        variable: 'hello world',

        test3: {
            test4 : test.test2.variable  
        },

        echo : function() {
            alert(test.test2.test3.test4);   
        }
    }

};

test.test2.echo();

jsfiddle

为什么test4不能访问变量：

test4 : test.test2.variable 

请随意修改我的标题，我找不到更好的标题。

谢谢！

Answer 1

test在评估undefined时为test.test2.variable。

表达式由内而外评估，因此您的代码按以下顺序执行以下操作：

1. 创建对象
2. 创建对象
3. 将variable属性附加到（2）
4. 创建另一个对象
5. 将test4属性附加到（4），其值是评估test.test2.variable的结果（此失败，因为直到（1）才分配测试）
6. 将test3属性附加到值为（4）
的第一个属性
7. 创建一个函数实例
8. 将echo属性附加到（2）
9. 将test2属性附加到指向（2）
的（1）
10. 将（1）分配给变量test。

如果您可以依赖现代浏览器并且不太可能经常阅读，或者您可以在test正确初始化后分配它，则可以使用下面的getter来延迟对（5）的评估。

 var test = { 
   test2: {
     variable: "foo",
     test3: {
       get test4 () { return test.test2.variable; }
     }
   }
 };

或更向后兼容

 var test = {
   test2: {
     variable: "foo",
     test3: {
       test4: null
     }
   }
 }
 test.test2.test3.test4 = test.test2.variable;

Answer 2

因为test尚未分配。 Javascript解释器首先解析右侧的JSON文字，然后将值赋给test变量：

var test = {...}

要修复它，你可以这样做：

var test = {
    test2 : {
        variable: 'hello world',
        test3: {

        },
        echo : function() {
            alert(test.test2.test3.test4);   
        }
    }
};
test.test3.test4 = test.test2.variable;

Answer 3

这应该有效。 自从迈克塞缪尔给出了一个很好的解释以来，我没有解释过。

var test = {

    test2 : {
        variable: 'hello world',

        test3: {
            test4 : function (){return test.test2.variable  }
        },

        echo : function() {
            alert(test.test2.test3.test4());   
        }
    }        
};

test.test2.echo();