JavaScript中的this指向问题

JavaScript中的this指向一直是前端面试中的高频考题，在日常的工作学习中this的指向问题也会伴随着各种问题的出现，今天我们来详细讨论一下JavaScript中的this

1.首先是在全局作用域下的this指向的就是window对象，如下代码所示

var username = '新垣结衣';
function getName(){
	console.log(this.username)
}
getName()

此时的this在全局变量下，this.username就是window.username,但是有一种情况需要注意比如setTimeout函数，这里面的this无论是不是全局变量指向的都是window
2.在方法调用中，是谁调用就指向的是谁

let obj = function(){
	let name = '张三',
	function fn (){
		console.log(this.name)
	}
}
//此时fn函数中的this就是obj,因为就是obj的调用
obj.fn()

这种情况也是在写动态页面代码时，使用的最多，哪一个元素调用此方法，那么这个方法中的this就是这个元素

3.如果是构造函数中this，那么这个this指向的就是这个构造函数创建的实例,原型中的this也是指向实例

4.当函数中有很多层函数的嵌套，则里面的this指向的是他的上一级对象

当然我们也可以用一下三个方法调用this的指向

1.fn.call(thisArg,arg1,arg2...)
			thisArg//就是新定义的指向
2.apply(thisArg,[])
			1.也是调用函数thisArg是新的this指向、
			2.参数必须是数组（伪数组）
3.bind(thisArg,arg1,arg2...)
			1.这个方法不会调用函数，只会改变函数
			2.使用这个方法只会会返回一个this指向被改变的新函数