函数与箭头函数

pengzhanbo

140字小于1分钟

2022-04-20

提问

绑定this

在箭头函数出现之前，每个新函数都重新定义了自己的 this 值，在ES6之前，通过把this的值赋值给一个变量来保存

function demo {
  var that = this;
  that.count = 0
  setTimeout(function () {
    that.count++;
    console.log(that.count);
  }, 0);
}

箭头函数可以捕捉闭包上下文的this值，所以可以改写成：

function demo {
  this.count = 0;
  setTimeout(() => {
    this.count++;
    console.log(this.count);
  })
}