js this方法

this

谁调用this this就会指向谁

看代码 f 调用了fn fn里的函数有this this指向最终调用的对象作用域的a，在f作用域里有a : 小白，而最终调用this是b b的作用域是全局 全局里有一开始赋值的a 所以最终结果是小黑 而不是小白

var a = '小黑';
var f = {
	a:'小白',
	fn:function(){
		console.log(this.a);
	}
}
var b = f.fn;
b();

在上面我们可以看到在最终调用的是b而b是属于全局作用域 而接下来3个方法可以让this指向f作用域

---

call

call 将作用域指向了括号内第一个参数f 这样就可以变成f的作用域 f下面的a就是小白 那么就输出为小白

var a = '小黑';
var f = {
	a:'小白',
	fn:function(){
		console.log(this.a);
	}
}
var b = f.fn;
b.call(f);

在call括号里的参数还有另一用法

在call里的括号又加上2参数 这个参数是fn里函数的参数

var a = '小黑';
var f = {
	a:'小白',
	fn:function(p,r){
		console.log(this.a);
		console.log(p,r);
	}
}
var b = f.fn;
b.call(f,5,6);

---

apply

apply作用和call一样 只不过它括号里的参数必须用数组来写

var a = '小黑';
var f = {
	a:'小白',
	fn:function(p,r){
		console.log(this.a);
		console.log(p,r);
	}
}
var b = f.fn;
b.apply(f,[5,6]);

---

bind

bind和前面2个方法不一样 他是会把this所在的函数修改后返回一个函数

var a = '小黑';
var f = {
	a:'小白',
	fn:function(p,r){
		console.log(this.a);
		console.log(p,r);
	}
}
var b = f.fn;
var c = b.bind(f);
c(1,3)