javascript - 'this' 在类方法中未定义

Question

这有效：

class C {
    constructor(p1, p2) {
        this.p1 = 0;
        this.p2 = [];
        this.setP1(p1);
        p2.forEach(p => this.addP2(p));
    }
    setP1(p) { this.p1 = p }
    addP2(p) { this.p2.push(p) }
}

let c = new C(10,[20]);
console.log(c);

C { p1: 10, p2: [ 20 ] }

但这不会：

class C {
    constructor(p1, p2) {
        this.p1 = 0;
        this.p2 = [];
        this.setP1(p1);
        p2.forEach(this.addP2); // <- changed here
    }
    setP1(p) { this.p1 = p }
    addP2(p) { this.p2.push(p) }
}

let c = new C(10,[20]);
console.log(c);

addP2(p) { this.p2.push(p) }
                ^ TypeError: Cannot read property 'p2' of undefined

还有两件事我不明白：

• 为什么它有效？在这两种情况下，setP1都没有明确绑定到this，那么它如何p1在第一种情况下成功更新属性？它不应该在 where thisisundefined和 throw a的上下文中执行Cannot read property 'p1' of undefined吗？

• 为什么它不起作用？ p2.forEach(p => this.addP2(p));显然等价于p2.forEach(this.addP2);因为addP2只接受一个参数。发生了什么使第一次工作，但第二次崩溃？

标签： javascriptclassecmascript-6