文章目录

1. 1. js笔记——call,apply,bind使用笔记 - 飞鸿影~ - 博客园
2. 2. js笔记——call,apply,bind使用笔记
   1. 2.1. call和apply
      1. 2.1.1. 调用原生对象的方法
   2. 2.2. bind的使用

js笔记——call,apply,bind使用笔记 - 飞鸿影~ - 博客园

javascript

call apply bind

---

js笔记——call,apply,bind使用笔记

call和apply

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

两者作用一致，都是把obj(即this)绑定到thisObj，这时候thisObj具备了obj的属性和方法。或者说thisObj『继承』了obj的属性和方法。绑定后会立即执行函数。

唯一区别是apply接受的是数组参数，call接受的是连续参数。

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

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

我们在控制台运行：

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

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

调用原生对象的方法

 a = {:, :"yjc", length: }; 

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

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

对象a类似array，但不具备array的slice等方法。使用call绑定，这时候就可以调用slice方法。

通过call和apply，我们可以实现对象继承。示例：

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

 child = {};

console.log(child);//Object {} ,空对象

Parent.call(child);

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

以上实现了对象的继承。

bind的使用

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

把obj绑定到thisObj，这时候thisObj具备了obj的属性和方法。与call和apply不同的是，bind绑定后不会立即执行。

同样是add()和sub()：

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

如果bind的第一个参数是null或者undefined，等于将this绑定到全局对象。