1. 程式人生 > >上下文調用(call , apply , bind)

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

我們 上下文 再次 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)