js筆記——call,apply,bind使用筆記

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綁定到全局對象。