Question

我有以下情况：

var a = {
    b: function() {
        alert('hi');
    },
    c: [{m: this.b}]
};

alert(typeof a.c[0].m);

输出为“未定义”。这是什么原因？

Answer 1

因为您在对象中使用this关键字。在这种情况下，this.b指的是未定义的内容，应该是window的属性。

阅读this article，了解范围非常有用。

在这种情况下，您应该声明您的变量：

b = 't'; //note there is not keywork var, it is a window global variable
var a = {
    c: [{
        b: 'a',
        m: this.b //is 't'
    }],
    b: function() {
        alert('hi');
    }
};

alert(a.c[0].m); //will display 't'

Answer 2

因为（假设您在浏览器的上下文中执行此操作）this为window且您尚未定义window.b。

this的值由执行当前函数的方式决定，而不是由对象文字确定。

MDN有further reading about this。

Answer 3

当运行a.c [0] .m的值时，这不是指a，它指的是整个范围。

如果您想要您所追求的行为，则需要将其更改为：

var a = { b: function() { alert('hi'); }, c: [{}] };
a.c[0].m = a.b;

JavaScript没有在数组中定义方法

3 个答案: