教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 javascript的call()与apply()用法举例

javascript的call()与apply()用法举例

发布时间:2015-02-22   编辑:jiaochengji.com
本文介绍下,javascript中的call()与apply()函数的用法,有需要的朋友,可以作个参考,希望对你有一定的帮助。

本节主要内容:
javascript call()与apply()的用法

1,首先,call方法:
语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
定义:调用一个对象的一个方法,以另一个对象替换当前对象。

说明:
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。
 
2,其次,apply方法:
语法:apply([thisObj[,argArray]])
定义:应用某一对象的一个方法,用另一个对象替换当前对象。

说明:
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。
 
区别:两个方法其实只有参数不同。

看下面的例子,帮助大家理解二者的不同。
例子:
 

复制代码 代码示例:
/**定义一个animal类*/ 
function Animal(){ 
    this.name = "Animal"; 
    this.showName = function(){ 
        alert(this.name); 
    } 
}  //www.jiaochengji.com
/**定义一个Cat类*/ 
function Cat(){ 
    this.name = "Cat"; 

 
/**创建两个类对象*/ 
var animal = new Animal(); 
var cat = new Cat(); 
 
//通过call或apply方法,将原本属于Animal对象的showName()方法交给当前对象cat来使用了。 
//输入结果为"Cat" 
animal.showName.call(cat,","); 
//animal.showName.apply(cat,[]);

您可能感兴趣的文章:
javascript的call()与apply()用法举例
javascript函数的apply()和call()方法
Javascript中call和apply的理解
Js call与apply方法示例代码
js 继承(apply,call,prototype)方法解析
javascript中arguments,caller,callee,call,apply用法举例
js中apply、call、caller、callee、bind的用法解析
js面向对象中prototype、call、apply的用法
javaScript this对象用法举例
jquery each()源代码

[关闭]
~ ~