this指向

1. 对象中的方法

function fun(){
	console.log(this.s)
}
var obj = {
	s:'1',
	f::fun
}
var s = '2'
obj.f(); // 1
fun(); // 2

var A = {
	name: '张阿三'
	f: function(){
		cnnsole.log('姓名': + this.name)
	}
};
var B = {
	name:'李四啊'
};
B.f = A.f
B.f() // 姓名:李四啊
A.f() // 姓名:张阿三

// 链式调佣列子
function foo(){
	console.log(this.a)
}
var obj2 = {
	a:2,
	fn:foo
};
var obj1 = {
	a:1,
	o1: obj2
};
obj1.o1.fn; // 2

2. 事件的绑定

事件绑定中的this

• 行内绑定

<input type="button" value="按钮" onclick="clickFun()">
<script>
	function clickFun(){
		// 此函数运行环境在全局window对象下，因此this指向window
		console.log(this); 
	}
</script>
<input type="button" valu e="按钮" onclick="console.log(this)">
<!-- 运行环境在节点对象中，因此this指向本节点对象 -->

• 动态绑定

<input type="button" value="按钮" id="btn">
<script>
	var btn = document.getElementById('btn');
	btn.onclick = function(){
		console.log(this); // this指向本节点对象
	}
</script>

• 事件监听

<input type="button" value="按钮" id="btn">
<script>
	var btn = document.getElementById('btn');
	btn.addEventListener('click', ()=>{
		console.log(this); // this指向本节点对象
	})
</script>

3. 构造函数

<script>
/**
创建一个新的对象
将构造函数中的this指向本对象
执行构造函数中的代码，为这个新对象添加属性
返回新对象
*/
function Pro(){
	this.x = '1';
	this.y = function(){}
}
var p = new Pro()
console.log(p);
</script>

4. 定时器

<script>
	var obj = {
		fun:function(){
			console.log(this);
		}
	}
	setInterval(obj.fun,1000) //this指向window对象
	setInterval('obj.fun()',1000) //this指向obj对象
</script>

5. 函数对象的call()、apply()方法

<script>
	var lisi = {name: 'lisi'};
	var zs = {name: 'zhangsan'};
	
	// call
	function f1(age){
		console.log(this.name);
		console.log(age);
	}
	f1(23) // undefined 23 this指向window
	f1.call(zs,32) // zhangsan 32  将f函数中的this指向固定到对象zs上

	// apply
	function f2(age，sex){
		console.log(this.name);
		console.log(age);
	}
	f2.apply(zs,[32,'男']) // zhangsan 32  男 将f函数中的this指向固定到对象zs上
</script>

严格模式下this严禁指向全局对象window

function fun(){
	'use strict'
	return !this
}
fun() // true (this的值为undefined)