javascript - 为深层嵌套的对象创建和赋值

Question

var obj={
    one:{
        two:{
            three:{
            }
        }
    }
};

function test(){
obj.one=1;
obj.one.two=2;
obj.one.two.three=3;

alert(obj.one);
alert(obj.one.two);
alert(obj.one.two.three);
}

有人可以解释我做错了什么并给我一个更正的例子吗？

Answer 1

它更有意义并且以这种方式工作:

var obj={
    one:{value:1,
         two:{value:2,
              three:{value:3}
        }
    }
};

function test(){
obj.one.value=1;
obj.one.two.value=2;
obj.one.two.three.value=3;

alert(obj.one.value);
alert(obj.one.two.value);
alert(obj.one.two.three.value);
}

See demo

为什么您的代码不起作用？

这样做:

obj.one = 1;//works till here
obj.one.two = 2;//doesn't work. 
//>> obj.one is "1" and doesn't have any "two" property
obj.one.two.three = 3;//same thing. "two" doesn't exist anyway. 
//Neither does "three"