上下文调用(call , apply , bind)

时间:2021-12-09 16:02:58
var arr = [];
var obj = {
'0':'零',
'1':'一',
'a':'sdsd',
length : 2
}
console.log( arr.push.call(obj,'二'),obj ) //只是当时调用那一下改变this指向,本来obj不能用数组的push但是借用实现了这一点,
但是要注意,方法也要有条件的,比如push要有length属性

call  : 方法名.call(this指向的值,参数1,参数2,···)

apply  : 方法名.apply(this指向的值,[参数1,参数2,···])

var arr = [];
var obj = {
'0':'零',
'1':'一',
'a':'sdsd',
length : 2
}
var fn = arr.push.bind(obj);
console.log(fn);
console.log(fn('二')) //

bind :bind有所不同,他并不是直接借用,而是采用this指向和参数分开的方式 ,返回一个方法

例如 : fn = arr.push.bind(obj) ; fn 就是 push 方法 ,但是和push 不同的是this指向不是数组而是obj 。然后我们的参数在调用fn去传参(此时就是obj.fn())

注意的一点 : bind 返回的方法 和 this指向 是一一对应的,如果我们再次fn.bind( obj2 ) ,对fn的调用指向没有任何影响,因为他会返回一个新的方法是采用obj2去调用的