JS中this指向总结

JS中this指向问题

1、我们都知道函数在执行之前会走预编译环节，函数预编译会形成一个AO(执行期上下文)，AO保存着 Arguments，this，形参，变量、函数声明，此时this指向window；

总结为四点：
1、函数预编译环节this指向window；
2、若obj.func()这种形式，func中的this指向obj;
3、若直接是func,即无人调用，func中this则是函数函数编译以中的this，则指向window；
3、call和apply可以改变函数运行时this指向（详细可以看我之前的文章）；
4、全局里this指向window。
6、箭头函数中的this，在哪里定义函数，this就指向谁（或者可以理解指向上一级的作用域）。

如：function test(){
console.log(this)}; 
test();

此刻打印的window，此刻的this是AO中的this，AO中的this指向window；

// 第二种
var Obj={
 test：function(){
console.log(this)}
Obj.test()

此刻打印的this是Obj；因为Obj调用了这个方法。

//第三种
var Obj={
test :function(){
return function(){
console.log(this)
}
}
Obj.test()();

打印出test为window；当然小红书中说的是闭包里的this指向window，实际上是因为没人调用这个匿名函数，即不是某个东东.函数，所以此时this指向window，没人调用匿名函数（相当于空执行），走的是预编译环节，所以为window。

我们下面再来看一道this指向问题

var name ='222';
var a ={
    name:'111',
    say:function(){
        console.log(this.name);
    }
}

var fun = a.say;
fun();//222 全局范围内执行，this是window,所以是222
a.say();//111
var b = {
    name :'333',
    say:function (fun){//方法中this是b   
        fun();     //执行b.say(a.say)时这里相当于
                  //say: function(fun){
                  //function(){
                 // console.log(this.name);  直接】直接这个函数，没有任何调用，所以this是window
    }
    }				
    }
}
b.say(a.say);//222 
b.say = a.say;
b.say();

第四种、箭头函数this指向：在哪里定义函数，this就指向谁（或者可以理解指向上一级的作用域）。

var obj = {
    name: '周冬雨',
   sayName(){
       console.log(this);
       setTimeout(() => {
           console.log(this.name);
       }, 500);
   }
 }

obj.sayName(); 

箭头函数中this仍指向上一级作用域中的this。