call和apply

obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);

兩者作用一致，都是把obj(即this)繫結到thisObj，這時候thisObj具備了obj的屬性和方法。或者說thisObj『繼承』了obj的屬性和方法。繫結後會立即執行函式。

唯一區別是apply接受的是陣列引數，call接受的是連續引數。

function add(j, k){
    return j+k;
}

function sub(j, k){
    return j-k;
}

我們在控制檯執行：

add(5
 
,3); //8
add.call(sub, 5, 3); //8
add.apply(sub, [5, 3]); //8

sub(5, 3); //2
sub.call(add, 5, 3); //2
sub.apply(add, [5, 3]); //2

呼叫原生物件的方法

示例：

var a = {0:1, 1:"yjc", length: 2}; 

a.slice(); //TypeError: a.slice is not a function

Array.prototype.slice.call(a);//[1, "yjc"]

物件a類似array，但不具備array的slice等方法。使用call繫結，這時候就可以呼叫slice方法。

實現繼承

通過call和apply，我們可以實現物件繼承。示例：

var Parent = function(){
    this.name = "yjc";
    this.age = 22;
}

var child = {};

console.log(child);//Object {} ,空物件

Parent.call(child);

console.log(child); //Object {name: "yjc", age: 22}

以上實現了物件的繼承。

bind的使用

obj.bind(thisObj, arg1, arg2, ...);

把obj繫結到thisObj，這時候thisObj具備了obj的屬性和方法。與call和apply不同的是，bind繫結後不會立即執行。

同樣是add()和sub()：

add.bind(sub, 5, 3); //不再返回8
add.bind(sub, 5, 3)(); //8

如果bind的第一個引數是null或者undefined，等於將this繫結到全域性物件。

轉載地址：http://www.cnblogs.com/52fhy/p/5118877.html