JS 中 this 指向

JS 中 this 指向问题

1. 箭头函数

箭头函数排在第一个是因为它的 this 不会被改变，所以只要当前函数是箭头函数，那么就不用再看其他规则了。
箭头函数的 this 是在创建它时外层 this 的指向。这里的重点有两个：

创建箭头函数时，就已经确定了它的 this 指向。
箭头函数内的 this 指向外层的 this。

所以要知道箭头函数的 this 就得先知道外层 this 的指向，需要继续在外层应用七步口诀。

2. new

当使用 new 关键字调用函数时，函数中的 this 一定是 JS 创建的新对象。
读者可能会有疑问，“如果使用 new 关键调用箭头函数，是不是箭头函数的 this 就会被修改呢？”。
我们在控制台试一下。

func = () => {
   }
new func() // throw error

从控制台中可以看出，箭头函数不能当做构造函数，所以不能与 new 一起执行。

3. bind

bind 是指 Function.prototype.bind()。
多次 bind 时只认第一次 bind 的值
易错点