js this指向哪里 JavaScript this指向

Myth丶恋晨 2021-10-19 03:44 468阅读 0赞

## 非箭头函数中的this指向一般都是调用者   在非箭头函数中   谁调用了函数，那么函数的this指向就是谁   比如         let obj1 = \{           name:'obj1',           say:function()\{               console.log('非箭头函数',this.name)           \}       \} ##

## obj1.say() 调用之后this指向就是obj1，因为调用者是obj1 ##

## 而箭头函数没有自己的this,在哪里定义箭头函数，箭头函数就会绑定到外层的this   箭头函数的this跟谁调用它并没有关系 只看在哪里定义   <script>       let obj = \{           name:'obj',           say: () =>\{               console.log('箭头函数',this.name)           \}       \}   <script> ##

## obj.say() this指向就是window对象 严格模式下则是undefined   因为对象在定义的时候是全局的，它的this指向是window，箭头函数会继承外部的this指向   一般来说，箭头函数大多数时候都是指向window或者undefined，而如果是在一些框架中可能会绑定到某个对象上面，这其实是框架帮我们指定了箭头函数的外部的this指向 ##

## 比如在普通函数里面使用箭头函数 ##

## 代码如下   <script>       let obj = \{           name: 'obj',           say: function() \{               console.log(this.name)               let myArrow = () => \{                   console.log(this.name)               \}               myArrow()           \}       \}            obj.say() //obj ##

##    function Person () \{          this.name = 'person'          this.say = obj.say      \}      let xiaoming = new Person()      xiaoming.say() //person ##

## </script> ##

## 首先，普通函数里面定义了一个箭头函数，箭头函数的this就指向了外层函数的this   但是在普通函数中，this是需要运行时才会绑定到对应的对象，也就是运行的时候谁调用就指向谁 ##

## 所以在执行obj.say的时候say的this是obj,所以箭头函数的this也是obj ##

## 而当使用new运算符时，构造函数的this指向它的实例对象xiaoming，所以调用say的时候this指向了实例化的对象，所以箭头函数this也指向实例化的对象 ##

##      ##