您的位置:首页 > 移动开发

Javascript中apply与call的应用

2015-12-17 22:26 330 查看
1、call方法

语法:call([thisObj[,arg1[,arg2[,[,..argN]]]]]);参数thisObj是可选项。将被用作当前对象的对象。arg1,arg2,,argN可选项,将被传递方法参数序列。

call方法可以用来代替另一个对象调用一个方法。call方法可以将一个函数的对象上下文从初始的上下文改为由thisObj指定的新对象。

如果没有thisObj参数,则Global对象被作为thisObj。其实就是更改对象内部对象的指针,即改变对象的this指向的内容。

call作用:

1、扩展作用域

//改变作用域

var color='red';

var box={color:'green'};

function sayColor(){
alert(this.color);
}

//sayColor();//red  全局变量

//用call实现对对象的冒充

//sayColor.call(window);//red

//sayColor.call(this);//red

sayColor.call(box);//green

2、实现继承

//使用对象冒充继承

function Box(name,age){
this.name=name;
this.age=age;
this.family=['哥哥','姐姐']//引用类型放在构造函数里不能被共享
}

Box.prototype.family='家';

//foo.call(this,arg1,arg2,arg3);//foo 指向this使用所示参数

//arg1,arg2,arg3是传给foo方法的参数

//this变量永远指向当前代码所处的对象

function Desk(name,age){
Box.call(this,name,age);//对象冒充用Box代替this(Desk继承Box)  只能继承构造函数里的信息
}

var desk=new Desk("Lee",100);

alert(desk.name);//Lee

alert(desk.family);//哥哥,姐姐

2、apply方法

语法:apply([thisObj[,argArray]]);

就是指应用某一对象的一个方法,用另一对象替换当前对象。

如果argArray不是一个有效的数组或者不是arguments对象,那么将导致一个TypeError。如果没有提供argArray和thisObj任何一个参数,那么Global对象将被用作thisObj,并且无法被传递任何参数。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: