Javascript 避免使用额外变量在es6中存储引用

我已经在使用

react es6

，但在这种情况下，我不知道如何避免将其用于

此

：

const that = this;

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

---

在本例中，您已经在使用

箭头函数

，因此不需要将

引用

存储在单独的变量中。您可以像这样直接使用

这个

关键字：

//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});
});

//const that = this;

UploadApi.exec(file).then(function(data){
    this.setState({ loading : false});
}.bind(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});
});

//const that = this;

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

但是，您可以使用
.bind（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});
});

//const that = this;

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

请检查此答案以了解完整的详细信息，
您需要以这种方式创建yout UploadApi.exec，以便在传输javascript后相应地创建它。如下所示

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

在您上传的API中

exec=(file:any):Q.Promise=>{

}

然后像下面那样使用它

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

（数据）=>{this}不起作用？在本例中，您可以直接在当前有
that
的地方使用
this
。