解析js中的call、apply、bind
解析js中的call、apply、bind
csxiaoyao
发布于 2019-02-15 16:39:33
发布于 2019-02-15 16:39:33
call和apply
1. 改变上下文
obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);call和apply作用相同，都是把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 sub具有了add的属性和方法
add.apply(sub, [5, 3]); //8 sub具有了add的属性和方法
sub(5, 3); //2
sub.call(add, 5, 3); //2 add具有了sub的属性和方法
sub.apply(add, [5, 3]); //2 add具有了sub的属性和方法2. 调用原生对象的方法
var a = {0:1, 1:"csxiaoyao", length: 2};
// a.slice(); // is not a function
console.log(Array.prototype.slice.call(a));//[1, "csxiaoyao"]对象a类似array，但不具备array的slice等方法。使用call绑定，这时候就可以调用slice方法。
3. 实现继承
通过call和apply，可以实现对象继承
var Parent = function(){
this.name = "csxiaoyao";
this.age = 25;
}
var child = {};
console.log(child);//Object {} ,空对象
Parent.call(child);//对象继承，子对象具有了父对象的属性和方法
console.log(child);//Object {name: "csxiaoyao", age: 25}bind
obj.bind(thisObj, arg1, arg2, ...);把obj绑定到thisObj，这时候thisObj具备了obj的属性和方法。与call和apply不同的是，bind绑定后不会立即执行。
function add(j, k){
return j+k;
}
function sub(j, k){
return j-k;
}
console.log(add.bind(sub, 5, 3)); //function add(j, k){return j+k;}
console.log(add.bind(sub, 5, 3)()); //8如果bind的第一个参数是null或undefined，等于将this绑定到全局对象。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017年05月10日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录