js笔记——call,apply,bind使用笔记
js笔记——call,apply,bind使用笔记
李维亮
发布于 2021-07-09 10:50:30
发布于 2021-07-09 10:50:30
代码可运行
运行总次数：0
代码可运行
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绑定到全局对象。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2017-12-17，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
