javascript - 避免在 es6 中使用额外的变量来存储引用

Question

我已经在使用 react es6 但在这种情况下，我不知道如何避免将它用于 this:

const that = this;

UploadApi.exec(file).then(data => {
    that.setState({ loading : false});
});

Answer 1

在此示例中，您已经在使用箭头函数，因此不需要将reference 存储在单独的变量中。您可以像这样直接使用 this 关键字:

//const that = this;

UploadApi.exec(file).then(data => {
    this.setState({ loading : false});
});

当您像这样使用回调方法时，需要将引用存储在一个单独的变量中:

const that = this;

UploadApi.exec(file).then(function(data){
    that.setState({ loading : false});
});

但是，您可以通过使用 .bind(this) 和 callback 方法 来避免额外的变量，如下所示:

//const that = this;

UploadApi.exec(file).then(function(data){
    this.setState({ loading : false});
}.bind(this));

查看此答案以获得完整的详细信息， arrow function vs function declaration