在JavaScript学习中，this指向是必须掌握的重要知识点，对于初学者来说，要全面掌握、理解this指向并不是太容易，尤其是在ES6推出箭头函数这个新内容之后。 本文主要介绍一下自己在学习过程中积累的小心得，由于刚刚进入前端这个领域，有遗漏或者错误的地方还是希望大家谅解。
普通函数中的this
- 谁调用了函数或者方法，那么这个函数或者对象中的this就指向谁
let getThis = function () {
console.log(this);
}
let obj={
name:"Jack",
getThis:function(){
console.log(this);
}
}
//getThis()方法是由window在全局作用域中调用的，所以this指向调用该方法的对象，即window
getThis();//window
//此处的getThis()方法是obj这个对象调用的，所以this指向obj
obj.getThis();//obj
注意点：getThis()是window.getThis()的简写,即该方法是由window调用的。
- 匿名函数中的this：匿名函数的执行具有全局性，则匿名函数中的this指向是window，而不是调用该匿名函数的对象；
let obj = {
getThis: function () {
return function () {
console.log(this);
}
}
}
obj.getThis()(); //window
上面代码中，getThi()方法是由obj调用，但是obj.getThis()返回的是一个匿名函数，而匿名函数中的this指向window，所以打印出window。 如果想在上述代码中使this指向调用该方法的对象，可以提前把this传值给另外一个变量(_this或者that)：
let obj = {
getThis: function () {
//提前保存this指向
let _this=this
return function () {
console.log(_this);
}
}
}
obj.getThis()(); //obj
箭头函数中的this
关于箭头函数中this指向，需要记住以下三个知识点：
- 箭头函数中的this是在函数定义的时候就确定下来的，而不是在函数调用的时候确定的；
- 箭头函数中的this指向父级作用域的执行上下文；（技巧：因为javascript中除了全局作用域，其他作用域都是由函数创建出来的，所以如果想确定this的指向，则找到离箭头函数最近的function，与该function平级的执行上下文中的this即是箭头函数中的this）
- 箭头函数无法使用apply、call和bind方法改变this指向，因为其this值在函数定义的时候就被确定下来。
sample 1：首先，距离箭头函数最近的是getThis(){}，与该函数平级的执行上下文是obj中的执行上下文，箭头函数中的this就是下注释代码处的this，即obj。
let obj = {
//此处的this即是箭头函数中的this
getThis: function () {
return ()=> {
console.log(this);
}
}
}
obj.getThis()(); //obj
sample 2：该段代码中存在两个箭头函数，this找不到对应的function(){}，所以一直往上找直到指向window。
//代码中有两个箭头函数，由于找不到对应的function，所以this会指向window对象。
let obj = {
getThis: ()=> {
return ()=> {
console.log(this);
}
}
}
obj.getThis()(); //window
注意点：确定箭头函数中的this，在确定父级组用域时，只有函数可以创建一个作用域，而if{}或者for(){}等不能创建一个作用域。
