再次理解js中的call函数

Posted 2020-08-02 岁月如歌（丁盛）

a.call(b);

网上说明的版本比较多。有的说，是指针替换。有说，将a对象的方法加在b对象执行。官方说：什么对象替换什么对象。反正看了几个版本，尽管有具体的实例，看了我三次都没看懂它的具体含义。看过还是云里雾里的。后来发现，结合实验去理解非常好。

 

其实，换成自己能够接受的方式理解为好。a对象的方法应用到b对象上(函数apply的意思正好说明符合这样理解：a对象应用到b对象上去)

a对象既然添加到b对象上了。那么b对象自然就拥有了a对象所有的内容。所有，b对象就继承了a对象了。结合自己编写的下面代码，理解怎么实现继承：

 

function class1()

{

   this.name = function(){

    alert("class1的方法name()");

   }

}

 

 

function class2()

{

 

class1.call(this);//要想实现class2继承class1 this就是当前对象class2。

}

 

现在可以知道是否实现继承了：

 

var cl = new class2();

 

cl.name();//class2继承了class1，class2是父类。调用父类的方法

 

 

另外一种实现继承的方式：用一个继承函数，专门实现继承。

 

function extend()

{

  class2.call(this);

  class1.call(this);

}

 

 

只要使用extend方法就能实现同时继承class2 class1。从这里可以记住：js语法中，一个对象可以同时继承两个对象。这点跟java语言的对象机制一样的。java语法中，对象的继承关系，形象店，就相当于一个儿子可以同时有两个爸爸。这确实不符合实际。不过，没必要纠结。知道用就行了。在php语言中，一个类只能有一个父类。

 

 纠正：没做过java，java中其实是不支持一个类继承多个父类的。

 

 

编写的js框架中，都会用到apply实现继承。有个地方疑惑，做个记号！

 

 

var Class = {
    create: function() {
        return function() { this.initialize.apply(this, arguments); }
    }
}

 

 

这里的arguments参数放进去是做什么用的？而且名字起好是arguments？肯定有其道理

 

 

注意到，call()与apply()的区别：功能一样。第二个参数形式不一样。call传递多个参数，是任意形式。apply第二个参数必须是数组形式。

用代码来理解它们区别最好：

 

a.call(b,2,3); ==>  a.apply(b,[2,3]);//数组形式传入

 

 

就是利用了apply参数是数组的特性。结合函数的隐性参数，都会自动保存在arguments数组中。这样，使用apply的方式：

 

this.initialize.apply(this, arguments);

 

可以直接将当前函数的arguments数组作为apply的第二个参数传入，不需要转化。