欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

熟练使用js中的call及apply

程序员文章站 2022-05-04 09:27:32
call和apply obj.call(thisobj,arg1,arg2,...); obj.apply(thisobj,[arg1,arg2,arg3,...]); 两者的作用一致,都是将obj...

call和apply

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

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

两者的作用一致,都是将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绑定到全局对象。