欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【玩转方法：call和apply】，下面是详细的讲解！
玩转方法：call和apply
在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最广泛的应用，就是用于构造继承。
关于玩转方法：call和apply的用户互动如下：
相关问题：js中apply()和call()方法有用吗？用处不大我就不深...
答：给你举个例子 定义数组a里有3个元素1,2,3，函数add()能向调用它的数组压入一个数，这个数是3个参数之和 add.call(a,1,2,3);和add.apply(a,b);的效果都是一样的，都是向数组a压入(1+2+3) 由此看出call和apply的区别是传入参数方式的区别， call的... >>详细
相关问题：Js中call和apply的区别和用法
答：JavaScript中有一个call和apply方法，其作用基本相同，但也有略微的区别。 其实就是更改对象的内部指针，即改变对象的this指向的内容。这在面向对象的js编程过程中有时是很有用的。 call函数和apply方法的第一个参数都是要传入给当前对象的对象... >>详细
相关问题：关于javascript中apply和call方法的区别
答：ECMAScript规范给所有函数都定义了Call()与apply()两个方法，call与apply的第一个参数都是需要调用的函数对象，在函数体内这个参数就是this的值，剩余的参数是需要传递给函数的值，call与apply的不同就是call传的值可以是任意的，而apply传的剩... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【ajax】用js来解决ajax读取页面乱码-页面乱码
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【angularjs_scope】AngularJS中监视Scope变量以
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-