美文网首页
js中的call apply bind使用

js中的call apply bind使用

作者: 折梅踏雪 | 来源:发表于2018-04-17 14:38 被阅读0次

call 和apply

obj.call(thisobj,arg1,arg2,...)

obj.apply(thisobj,[arg1,arg2...])

两者的作用一样,都是把obj(this)绑定到thisobj,这时候thisobj就有了obj的属性和方法。或者说thisobj继承了obj的属性和方法。绑定后会立即执行函数。

唯一的区别就是call接受的第二个参数是连续参数,apply接受的是数组或arguments;

functionadd(j, k){ return j+k;

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

}

在控制台运行:

add(5,3); //8add.call(sub, 5, 3); //8add.apply(sub, [5, 3]); //8sub(5, 3); //2sub.call(add, 5, 3); //2sub.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绑定到全局对象

相关文章

网友评论

      本文标题:js中的call apply bind使用

      本文链接:https://www.haomeiwen.com/subject/kkoukftx.html