javascript - 如何在不改结构的情况下改变this输出正确的值？

Question

var obj = {
    id:'998',
    name : '我的编号叫:' + this.id,
    show:function(){
        console.log(this.name)
    }
}


obj.show();

需要输出

我的编号叫998

难道是代码写错了？

Answer 1

看了楼上的答案，自己理解了一下，可能是因为javascript的作用域是通过函数隔离的，而不是大括号，所以直接在对象中调用this.id其实是调用的全局变量，即window的属性，因为之前没有定义，所以自然获取不到，你必须通过函数来隔离出一个作用域。

Answer 2

var obj = {
    id:'998',
    name : function() {
        return '我的编号叫:' + this.id;
    },
    show:function(){
        console.log(this.name());
    }
}

改改，再试试看

Answer 3

如果不在全局域修改，根本不可能输出你想要的效果，好么。 因为你在name里面引用了this.id。当js运行到这里的时候，你这个obj都没有实例化完，怎么读取这个obj的id？ 只能用构造函数实例化这个obj才能达到你的需求。