js中的this

js中的this

• this
  this指向：一般来说，哪个对象调用函数，函数里面的this指向哪个对象
  普通函数调用：指向全局对象window

var son = '儿子'
function fun(){
	var son = '女儿'
	console.log(this.son)//儿子
	console.log(son)//女儿
}
fun()

对象函数调用：那个对象调用，this就指向那个对象

var a = 'aaa'
var obj = {
	a: 'bbb',
	fn: function(){
		console.log(this.a)//bbb
	}
}
obj.fn()

构造函数调用：this指向构造函数的实例化对象

var Father = function(){
	this.unmae = '张三'
}
var baba = new Father()
baba.unmae = '李四'
console.log(baba.unmae)//李四
var mama = new Father()
console.log(mama.unmae)//张三

call,apply,bind:都能改变this指向，
call和apply都会调用函数， call和apply的第一个参数都是this指向的对象，不同点在后面的参数，call的参数是直接放进去用逗号分隔，而apply则是传一个数组。bind和call一样，只不过bind不会调用函数。

箭头函数：箭头函数里的this会继承外面的环境

//箭头函数
var obj1 = {
	a1: 'aaa',
	fn1: function(){
		setTimeout(function(){
			console.log(this.a1)//undefined
		)};
		var that = this
		setTimeout(function(){
			console.log(that.a1)//aaa
		});
		setTimeout(() => {
			console.log(this.a1)//aaa
		})
	}
}
obj1.fn1()

var that = this;在函数外面添加var that = this，函数内部使用that获取外面的this数据