js this指向哪里 JavaScript this指向

非箭头函数中的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也指向实例化的对象