zoukankan      html  css  js  c++  java
  • JS call()与apply()的用法

    转载自 http://www.cnblogs.com/wangtao_20/archive/2011/01/01/1923918.html

    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的第二个参数传入,不需要转化。

  • 相关阅读:
    HDU 1051
    HDU 1236
    递归求gcd(a,b)
    HDU 1372
    HDU 1312
    HDU 1253
    HDU 1072
    ...别人的推荐、
    搜索总结、
    TortoiseHg简单的入门使用说明
  • 原文地址:https://www.cnblogs.com/potato-lee/p/6132971.html
Copyright © 2011-2022 走看看