上下文調用(call , apply , bind)
阿新 • • 發佈:2019-04-29
我們 上下文 再次 clas ole pre ati all var
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(‘二‘)) //3
bind :bind有所不同,他並不是直接借用,而是采用this指向和參數分開的方式 ,返回一個方法
例如 : fn = arr.push.bind(obj) ; fn 就是 push 方法 ,但是和push 不同的是this指向不是數組而是obj 。然後我們的參數在調用fn去傳參(此時就是obj.fn())
註意的一點 : bind 返回的方法 和 this指向 是一一對應的,如果我們再次fn.bind( obj2 ) ,對fn的調用指向沒有任何影響,因為他會返回一個新的方法是采用obj2去調用的
上下文調用(call , apply , bind)