javascript - JavaScript 没有在数组中定义方法

Question

我有以下情况：

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

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

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

Answer 1

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

阅读这篇文章，了解作用域非常有用。

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

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 有关于this.

Answer 3

当运行 ac[0].m 的值时，this 不是指 a，而是指整个范围。

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

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