您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

玩转方法:call和apply_javascript技巧

2025/9/8 21:17:48发布28次查看
在ecmascript v3中,给function原型定义了这两个方法,这两个方法的作用都是一样的:使用这两个方法可以像调用其他对象方法一样调用函数,这句话是从书上抄的,至少我是没读明白这是什么意思。
下面说简单易懂的,先看段代码:
复制代码 代码如下:
function introduce(name,age)
{
    document.write(my name is +name+.i am +age);
}
var p=new people();
introduce.call(p,windking,20);
就说上面的这段代码,用了call之后,introduce就成了p的方法,不知道这样说你明白了么?使用了call方法,上述的代码就等同于了这个代码:
复制代码 代码如下:
function people(name,age)
{
    this.name=name;
    this.age=age;
    this.introduce=function(){
document.write(my name is +name+.i am +age);
};
}
明白意思了么?apply也是一样的作用。
好,我们不管这个方法到底能在实际中用到什么,先讲语法。
call接受至少一个参数,call的第一个参数是指你所需要的对象,比如说上面的那个例子,introduce方法希望他能够被对象p所调用,那么就把p作为call的第一个参数。剩余的参数个数是任意的,作用是作为introduce方法的参数。顺序按照introduce参数声明的顺序。比如introduce.call(p,windking,20),假如introduce是p的一个实例方法,那么也就是这样的:p.introduce(windking,20)。明白了么?记住,传入参数的顺序要与函数声明参数的顺序保持一致。
了解了call,apply方法就容易理解了,apply和call唯一的区别是call接受至少一个参数,而apply只接受两个参数,第一个参数与call一样,第二个参数是一个带下标的集合,比如说introduce.call(p,windking,20)就可以改写成introduce.apply(p,[windking,20])了。这次明白了么?
那究竟这两个方法有什么用呢?如果我们只是为了实现上面的那个功能,把introduce实现为people的方法不是更好么?
我把应用总结为两条:
1.共享方法。先看代码:
复制代码 代码如下:
function introduce(name,age)
{
        document.write(my name is +name+.i am +age);
}
这是一个自我介绍的方法,现在假设我们有一个男孩的类,和一个女孩的类(在这里我只是为了演示,在实际中,会用一个people的父类),因为他们的introduce都是一样的,于是我们就可以共享这个方法。
复制代码 代码如下:
function boy()
{
        this.boyintroduce=function(){
introduce.call(this,name,age);
};
}
同理,girl中也是一样,这样的话,我们就可以避免写代码了。其实这个有些牵强,因为我们完全也可以写成:
复制代码 代码如下:
function boy()
{
        this.boyintroduce=function(){
            introduce(name,age);
}
}
但是这个时候,我们如果用apply的话,就看上去简单多了:
复制代码 代码如下:
function boy()
{
        this.boyintroduce=function(){
introduce.apply(this,arguments);
};
}
是不是简单了很多呢?如果参数很多的话,那么是不是不用再写那么一场串密密麻麻的参数了呢!
2.跨域调用
看一个简单的例子(仅为演示,无任何价值):
复制代码 代码如下:
function boy(name,age)
{
        this.boyintroduce=function(){
            document.write(my name is +name+.i am +age);
}
}
function girl(name,age)
{
}
这是一个boy和一个girl类,然后我们写如下的代码:
var b=new boy(windking,20);
b.boyintroduce();
这没有任何异议。假设有一天有一个女孩也希望做一下自我介绍,只是偶然用一下,那么我就没有必要修改girl类,因为其他的女孩比较害羞,不喜欢自我介绍。那么这个时候我就可以这样。
var g=new girl(xuan,22);
introduce.call(g,xuan,22);
3.真正用处——继承
好了,上面都是雕虫小技,不登大雅之堂,下面才是call和apply最广泛的应用,就是用于构造继承。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product