call(),apply()方法解析(一)

2018-06-24 00:27:49来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

1call()apply()的作用是改变this指向,区别是传参列表不同(前者连续参数,后者为参数数组),call的性能会比apply性能要高,即快得多,原因详见https://blog.csdn.net/lengyu6220/article/details/79031507

 

2、方法定义:

 

        function.apply(thisObj[, argArray])

        function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);

 

 特别地,当没有传参数时,function.call() 相当于执行这个function

 

3、实例:

 

 由于apply()call()方法作用是一致的,因此这里以call()为例,apply()同理:

 

 //定义一个Car的构造函数
      function Car(name,height){
            this.name=name;
             this.height=height;
         }

     function Maserati(name,age,height,width){
           this.name=name;
           this.age=age;
           this.height=height;
           this.width=width;
      }
  可以发现这里函数2包含了函数1的所有属性,即是继承的意思
       因此函数2这里可以用call()方法改写成
      function Maserati(name,age,height,width){
           Car.call(this,name,age);//此处this就是指向Maserati,此时Maserati就拥有Car的所有属性和方法了。
          this.height=height;
         this.width=width;
       }
   var a=new Maserati("maserati",23,188,98);

 

  

得到如下结果:

 

 

 

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:一个简易的时钟效果

下一篇:【练习】JavaScript循环练习【打印三角形、阶乘、乘法表】