类 - 'this' vs 'self'

Question

我正在使用新的ES6 Classes，我很难理解为什么我可以引用this 变量是其中一种方法。

//类

class Form{ 
    constructor(){
        var self = this;
    }   

    assemble(){
        log(self);
    }
}

//调用

var form = new Form();
form.assemble();

//返回

window object (not the reference to the class object)

Answer 1

this 不是变量。它更像是函数的隐藏参数。

您无法在示例中访问 self，因为它是构造函数中的局部变量，因此不适用于您的 assemble 方法。

您的示例根本不需要self，只需使用this：

class Form {
    assemble(){
        log(this);             // ***
    }
}
var form = new Form();
form.assemble();

如果您将form.assemble 传递给不能保证用正确的this 调用它的东西，您可以将assemble 定义为实例函数成员，方法是在构造函数中定义它；然后它将关闭self。但是在 ES2015 及更高版本中，您不需要 self ；只需使用箭头函数，它会关闭this：

class Form {
    constructor(){
        var self = this;
        this.assemble = () => {
            log(this);
        };
    }   
}
var form = new Form();
form.assemble();          // Works
var f = form.assemble;
f();                      // Also works

但您可能不需要这样做。