this指向问题

灰太狼 2023-10-09 16:36 14阅读 0赞

## 解题思路 ##

1.  普通函数中，this是它的直接调用者，谁调用，this就指向谁。
2.  箭头函数，this指向跟外部作用域中this指向是同一个。

## 面试真题 ##

var a = 1;
    function func1(){
        
    	var a = 2;
    	console.log(this.a + a)
    }
    function func2(){
        
    	var a = 10;
    	func1();
    }
    func2()

func2指向的是全局，因此this指向的是全局。

1.func1是普通函数，所以谁调用就指向谁，obj.func1相当于就是obj调用func1,所以this指向obj，所以obj.func1（）输出的是2。

2.func2是箭头函数，箭头函数的this跟外部作用域的this是一致的。func2外部作用域相当于就是obj的作用域，obj中的this指向就是全局的this,所以此时取到的值就是全局的a,值为1。

解析：

1.  obj.say()直接调用，则是obj调用say，所以this指向obj，则可获取到obj中的name值，故而输出：你好！小明
2.  func ()在全局调用，所以函数中的this指向的是全局，全局没有name值，所以输出：你好！
3.  setTimeout(obj.say, 100)中是把obj.say赋值给setTimeout中的第一个参数，并没有通过obj去调用say函数，所以此时内部的this指向的是全局，故而没有name值，输出结果为：你好！
4.  setTimeout(func, 200)跟3中输出的结果是一样的。都是函数的赋值，并没有真正调用，所以这里的this是setTimeout中的this，setTimeout中的this指向的是全局，故而没有name值，输出结果为：你好！
5.  在setTimeout内部函数中，调用了obj.say(), 故而此时this指向调用它的对象obj，所以输出：你好！小明
6.  这里的setTimeout中也是obj.say()直接执行调用了，所以谁调用指向谁，故而这里指向obj，输出结果为：你好！小明

**参考资料：**[【JavaScript面试题】this指向问题][JavaScript_this]

[JavaScript_this]: https://www.bilibili.com/video/BV1r34y127Xh/?spm_id_from=333.337.search-card.all.click&vd_source=a1af903e57688df870625021f7f3a7eb