call和apply的区别
& & & 我们在项目中经常使用call或者apply来继承某个类的实例属性和方法。但是你知道两者的却区别是什么吗？了解两者的区别，有助于你正确的选择使用call还是apply。
& & & 在javascript中call方法和apply方法调用产生的效果是一样的，只是语法（参数）不一样。
& 1、call和apply的区别，然后实例演示
& 2、call和apply的常用应用场合
& 3、call和apply不能继承原型的属性和方法
& 4、怎样继承原型的属性和方法
1、call和apply的区别，然后实例演示
&call语法如下：
& & & obj.call(要替换的执行环境，参数1， 参数2，……，参数n)；
&【实例】创建Person类，接收name和age两个参数及提供getName()和getAge()方法。然后创建一个Student对象从Person中继承name和age实例属性和方法。
// Person构造函数
function Person(name, age){
this.name =
this.age =
// 添加方法到原型
if (typeof Person.prototype.getName != &function&) {
Person.prototype.getName = function(){
return this.
Person.prototype.getAge = function(){
return this.
// Student构造函数
function Student(name, stuNum, age, qq){
this.stuNum = stuN
// 继承Person类的实例属性
Person.call(this, name, age);
var stu = new Student(&administritor&, &No.1001&, 23, &1840554&);
alert([stu.name, stu.age]); // 结果：administritor，23
apply语法如下：
& & & object.apply(要替换的执行环境，[参数1， 参数2，……，参数n ])；
&【实例】创建Person类，接收name和age两个参数及提供getName()和getAge()方法。然后创建一个Student对象从Person中继承name和age实例属性和方法。
// Person的构造函数
function Person(name, age){
this.name =
this.age =
// 添加方法到原型
if (typeof Person.prototype.getName != &function&) {
Person.prototype.getName = function(){
return this.
Person.prototype.getAge = function(){
return this.
// Student的构造函数
function Student(name, stuNum, age, qq){
this.stuNum = stuN
// 继承Person类的实例属性
Person.apply(this, [name, age]);
var stu = new Student(&administritor&, &No.1001&, 23, &1840554&);
alert([stu.name, stu.age]); // 结果：administritor，23
从上面实例可以看出，call和apply的主要区别是在指定调用object对象时传递构造参数的方式。call使用的类似java中的可变参数，即将构造参数一次排在“要替换的执行环境”后面。apply则使用一个数组将构造参数进行包装，然后传递。
2、call和apply的常用应用场合
【实例】如果Person对象的构造参数和Student对象的构造参数完全一样（包括顺序）。此时，我们应该选择call还是apply呢？由于apply接收一个数组、Person和Student的构造参数一样且arguments也是一个数组。则，我们可以直接用：object.apply(this, arguments);就可进行继承。但是有人说，call也可以啊。我直接将参数依次写在object.call(this, arg1, arg2,...,argn)。如果Person和Student的参数有n个，则你需要写多少呢，你能保证你不会把顺序写错，你觉得代码可读性好吗？因此，如果被继承和继承的构造函数一样（包括参数顺序），则推荐使用apply方式。
// Person构造函数
function Person(name, age){
this.name =
this.age =
// 添加方法到原型
if (typeof Person.prototype.getName != &function&) {
Person.prototype.getName = function(){
return this.
Person.prototype.getAge = function(){
return this.
// Student构造函数
function Student(name, age){
// Person.apply(this, [name, age]);
Person.apply(this, arguments);
if (typeof Student.prototype.setName != &function&) {
Student.prototype.setName = function(name){
this.name =
Student.prototype.setAge = function(age){
this.age =
var stu = new Student(&administritor&, 23);
alert([stu.name, stu.age]);
stu.setName(&operation&);
stu.setAge(41);
alert([stu.name, stu.age]);
如果Person和Student的参数不一样，则两种方式你就选择你自己喜欢的方式。
// Person构造函数
function Person(name, age){
this.name =
this.age =
// 方式一：
function Student(name, sex, age, email){
this.sex =
this.email =
Person.call(this, naem, age);
function Student(name, sex, age, email){
this.sex =
this.email =
Person.apply(this, [name, age]);
3、call和apply不能继承原型的属性和方法
在上面的Person和Student例子中如果调用Person的getName()和getAge()方法，则会抛出”对象不支持属性和方法“错误；
代码如下：
function Person(name, age){
this.name =
this.age =
// 添加方法到原型
if (typeof Person.prototype.getName != &function&) {
Person.prototype.getName = function(){
return this.
Person.prototype.getAge = function(){
return this.
function Student(name, stuNum, age, qq){
this.stuNum = stuN
Person.call(this, name, age);
var stu = new Student(&administritor&, &No.1001&, 23, &1840554&);
alert([stu.getName(), stu.getAge()]);&为什么呢？
我们先看一下call和apply的运行方式。当执行Person.call(this, name, age);&这行代码时，实际是将Person构造函数内部的this替换成Student的，相当于将Person中的this.name=this.age=两行代码移植到Student构造函数内部。所以我们可以通过Student的实例访问name和age的原因。为什么不能访问Person.prototype上面的getName()和getAge()方法呢？我认为是，call或apply只是替换了Person中的this，而且Student自己存在Student.prototype。依照js的变量搜索方法，先在Student.prototype，如果不存在，则在Person中去找Person.prototype。
4、怎样继承原型的属性和方法
要继承原型中的属性和方法，则只能通过原型链方式进行继承。如：
Student.prototype = new Person(&zhangsan&, 23);
调用了该语句后，Student的实例对象就可以调用Person.prototype的getName和getAge方法了。为什么呢？
调用Student.prototype = new Person(&zhangsan&, 23);前的模型如下图：
&如果现在要在Student的实例上调用getName()，则搜索路径如下：
1、现在Student中查找，如果找到则返回。否则，执行2
2、在Student的原型中查找，如果找到则返回。否则，执行3
3、在Student的原型的原型中找（Person的原型中找），如果找到则返回。否则，执行4。
4、在Object中查找，如果找到则返回，否则，抛出”对象没有属性和方法“错误。
注意：2和3步依次类推，直到Object。
【实例】实现实例属性和原型方法的继承。
// Person的构造方法
function Person(name, age){
this.name =
this.age =
if (typeof Person.prototype.getName != &function&) {
Person.prototype.getName = function(){
return this.
Person.prototype.getAge = function(){
return this.
// Student的构造方法
function Student(name, stuNum, age, qq){
this.stuNum = stuN
// 继承实例属性和方法
Person.call(this, name, age);
// 继承原型的属性和方法
Student.prototype = new Person();
var stu = new Student(&administritor&, &No.1001&, 23, &1840554&);
alert([stu.getName(), stu.age]);
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：10857次
排名：千里之外
原创：38篇
转载：13篇
(3)(13)(2)(3)(2)(1)(4)(5)(9)(10)JavaScript之call apply bind区别详解
相同以传入的第一个参数作为this的指向都可传入其他参数不同apply是通过数组来传递call是按参数列表传递func.call(this, arg1, arg2); func.apply(this, [arg1, arg2])bind()方法会创建一个新函数，称为绑定函数var obj = {
x: 1, }; var foo = {
getX: function() {
return this.x;
} } console.log(foo.getX.bind(obj)());
//1 console.log(foo.getX.call(obj));
//1 console.log(foo.getX.apply(obj));
//1总结bind() 方法会在调用时执行，而 apply/call则会立即执行函数当参数固定时用call，不固定时用apply，并且可以用arguments来遍历所有的参数参考文章推荐：深入浅出妙用 Javascript 中 apply、call、bind
（来源：，如对本网转载内容、版权有异议，请联系我们: ）
安卓网官方微信
微信号 Hiapk2013
这里有最无节操的小编和最鲜辣的资讯！
手机扫描二维码访问声明:版权问题联系我们！>>&&1480 阅读
一直对Javascript中的apply/call/bind的用法很模糊，恰好看到了。对三者之间的区别与联系算是有了比较清晰的认识。
在Javascript中，Function是一种对象。Function对象中的this指向决定于函数被调用的方式。
使用apply，call 与 bind 均可以改变函数对象中this的指向。
apply / call
function add(c, d){
return this.a + this.b + c +
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34
注意，如果传入的第一个参数不是对象类型的，如1，那么这个参数会被自动转化为对象类型。
function bar() {
console.log(
Object.prototype.toString.call(this)
bar.call(7); // [object Number]
ECMAScript 5引入了。调用f.bind(someObject)会产生一个新的函数对象。在这个新的函数对象中，this被永久绑定到了bind的第一个参数上面，无论后期这个新的函数被如何使用。
function f(){
return this.a;
var g = f.bind({a:&azerty&});
console.log(g()); // azerty
var o = {a:37, f:f, g:g};
console.log(o.f(), o.g()); // 37, azerty
另外，如果第一个参数为null或者undefined的话，那么，实际上绑定到的是全局对象，即global。这一点对三者都适用。
function bar() {
console.log(
Object.prototype.toString.call(this)
bar.bind()(); // [object global]
bar.apply();
// [object global]
bar.call();
// [object global]
向青草更深处漫溯