三、箭头函数this指向（2021/4/23）

系统管理员 2023-01-16 03:29 119阅读 0赞

*  箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定。
 *  箭头函数中，this指向的固定化，并不是因为箭头函数内部有绑定this的机制，实际原因是**箭头函数根本没有自己的this，导致内部的this就是外层代码块的this**。正是因为它没有this，所以也就**不能用作构造函数**。

> 箭头函数体内的this对象，就是**定义该函数时所在的作用域指向的对象**，而不是使用时所在的作用域指向的对象。

var name = 'window'; 
    
    var A = { 
       name: 'A',
       sayHello: () => { 
          console.log(this.name)
       }
    }
    
    A.sayHello();// 输出的是window

*  一开始，我重点标注了“**该函数所在的作用域指向的对象**”，作用域是指函数内部，这里的箭头函数，也就是sayHello，所在的作用域其实是最外层的js环境，因为没有其他函数包裹；然后最外层的js环境指向的对象是winodw对象，所以这里的this指向的是window对象。

OK，这样就做到了永远指向A对象了，我们再根据“**该函数所在的作用域指向的对象**”来分析一下：

*  **该函数所在的作用域**：箭头函数s 所在的作用域是sayHello,因为sayHello是一个函数。
 *  **作用域指向的对象**：A.sayHello指向的对象是A。