小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。
this这个知识点是经常涉及到面试题的，这个一定要搞明白了！！！
this是很多人会混淆的概念，但是其实它一点都不难，只是网上很多文章把简单的东西说复 杂了。在这篇文章中，你一定会彻底明白 this 这个概念的。
我们先来看几个函数调用的场景
function foo() {
console.log(this.a)
}
var a = 1;
foo();
const obj = {
a: 2,
foo: foo
}
obj.foo()
const c = new foo()
接下来我们一个个分析上面几个场景
- 对于直接调用
foo来说，不管foo函数被放在了什么地方，this一定是window - 对于
obj.foo()来说，我们只需要记住，谁调用了函数，谁就是this，所以在这个 场景下foo函数中的 this 就是obj对象 - 对于
new的方式来说，this被永远绑定在了c上面，不会被任何方式改变this
说完了以上几种情况，其实很多代码中的this应该就没什么问题了，下面让我们看看箭头函 数中的this
function a() {
return () => {
return () => {
console.log(this)
}
}
}
console.log(a()()())
首先箭头函数其实是没有this的，箭头函数中的this只取决包裹箭头函数的第一个普通 函数的this。在这个例子中，因为包裹箭头函数的第一个普通函数是a，所以此时的this是window。另外对箭头函数使用bind这类函数是无效的。
最后种情况也就是bind这些改变上下文的API了，对于这些函数来说，this取决于第一 个参数，如果第一个参数为空，那么就是window。
那么说到bind，不知道大家是否考虑过，如果对一个函数进行多次bind，那么上下文会是 什么呢？
let a = {}
let fn = function () {
console.log(this)
}
fn.bind().bind(a)() // => ?
如果你认为输出结果是 a ，那么你就错了，其实我们可以把上述代码转换成另一种形式
// fn.bind().bind(a) 等于
let fn2 = function fn1() {
return function() {
return fn.apply()
}.apply(a) }
fn2()
可以从上述代码中发现，不管我们给函数bind几次，fn中的this永远由第一次bind决定，所以结果永远是 window。
let a = { name: 'yck' }
function foo() {
console.log(this.name)
}
foo.bind(a)() // => 'yck'
以上就是this的规则了，但是可能会发生多个规则同时出现的情况，这时候不同的规则之间 会根据优先级最高的来决定this最终指向哪里。
首先，new的方式优先级最高，接下来是bind这些函数，然后是obj.foo()这种调用 方式，最后是foo这种调用方式，同时，箭头函数的this一旦被绑定，就不会再被任何方 式所改变。
如果你还是觉得有点绕，那么就看以下的这张流程图吧，图中的流程只针对于单个规则。
