对于 JavaScript 新手来说，this 是非常基础同时也难以理解的知识点。
比如下面的代码，this 指向就有三种方式。
在《你不知道的 JavaScript》一书中，我总算比较清晰理解了 this。
this 就是函数运行时所在的环境对象，它指向运行时所在的位置，而不是定义时的位置。
根据 this 绑定规则，分为下面四种：
1. 默认绑定
2.隐式绑定
3. 显式绑定
4. new 绑定
1. 默认绑定
默认情况下，this 指向全局对象。例如下面的代码。
不过，函数在严格模式下，this 无法指向全局对象，因此this会绑定到undefined。
2. 隐式绑定
当函数作为方法被调用，需考虑运行时上下文环境。
代码中，foo()前面添加了obj对象的修饰，因此，obj对象就是函数的上下文。
this 会绑定到这个对象上。
另外，需要注意下面三种情况，它们会出现绑定对象丢失，从而把this绑定到全局对象或undefined上。
情况一
这段代码中，虽然obj.foo()和bar()都指向同一函数，但执行结果并不一样。
可以理解为，bar()是一个不带任何修饰的函数调用，等价于直接调用foo()，因此应用了默认绑定。
情况二
另一种情况，发生在回调函数中。原理和上面的情况一样。
修改上面的代码，obj.foo作为参数传入doFoo()函数中，实际上，引用的是foo()函数本身，因此应用了默认绑定。
情况三
在一些流行的 JavaScript 库，进行事件处理操作时，回调函数的 this 可能会强制绑定到 DOM 元素上。
这种情况也值得注意。
3. 显式绑定
JavaScript 提供了call()、apply()和bind()方法，可以强制绑定函数的this对象。
通过fn.call(obj)，我们将函数运行时，this强制绑定到obj上。
call apply和bind的区别
call 和 apply 改变了函数的 this 上下文后，便执行该函数，而 bind 则是将该函数返回。
call和apply的区别
call 和 apply 的区别在于传入参数不同。
call 方法接收若干个参数列表。
apply 第一个参数和 call 一样，第二个参数接收一个包含多个参数的数组。
4. new 绑定
如果使用 new 构造函数，在函数内部，this 指向新创建的对象。
其他情况
需要忽略的this
若第三方库的某个函数使用了 this，默认绑定会把this指向全局对象，从而导致不可预测的后果。
一个安全的做法，就是使用显式绑定，将函数的this指向空对象。
这方法通常也用于对象初始化，以获得一个干净且高度可定制的对象。
箭头函数
箭头函数常用于回调函数中。
它会继承父级作用域 this 绑定的对象，等价于ES6之前self = this的书写方式。
此外还有软绑定（softBind），用的不多，稍微了解一下即可。
最后，希望阅读此文后能让你软件开发的过程中 ，在JavaScript中清楚的了解到this的绑定规则。另外小编分类整理了许多java进阶学习材料和BAT面试题，需要资料的请转发此文章后再私聊小编回复【java】就能领取2019年java进阶学习资料和BAT面试题以及《Effective Java》（第3版）电子版书籍。也可以加群：712263501领取海量学习资料进行学习。
网友评论