Javascript apply()和call()方法

Posted 2020-10-02 Nnn_Lillian

javascript内置对象

首先，我从网上查找了apply()和call()的定义。然后用例子解释这两个方法的意思和用法。

• apply()：方法能劫持另一个对象的方法，继承另一个对象的属性。

  Function.apply(obj,args)：方法能接收两个参数

  obj：这个对象将代替Function类里this对象

  args：这个是数组，它将作为参数传给Function（args-->arguments）

  代码示例：

  <script type="text/javascript">
      /*定义一个人类*/
      function Person(name,age)
      {
          this.name=name;
          this.age=age;
      }
      /*定义一个学生类*/
      function Student(name,age,grade)
      {
          Person.apply(this,arguments);
          this.grade=grade;
      }
      //创建一个学生类
      var student=new Student("qian",21,"一年级");
      //测试
      alert("name:"+student.name+"\\n"+"age:"+student.age+"\\n"+"grade:"+student.grade);
      //大家可以看到测试结果name:qian  age:21  grade:一年级
      //学生类里面我没有给name和age属性赋值啊,为什么又存在这两个属性的值呢,这个就是apply的神奇之处.
  </script>
  

  分析: Person.apply(this,arguments);

  　　　 this:在创建对象在这个时候代表的是student

  　　　 arguments:是一个数组,也就是[“qian”,”21”,”一年级”];

               也就是通俗一点讲就是:用student去执行Person这个类里面的内容,在Person这个类里面存在this.name等之类的语句,这样就将属性创建到了student对象里面

 

• call()：方法能劫持另一个对象的方法，继承另一个对象的属性。（和apply的意思一样,只不过是参数列表不一样.）

   Function.call(obj,[param1[,param2[,…[,paramN]]]])

  obj：这个对象将代替Function类里this对象

  params：这个是一个参数列表

  代码示例(在Student函数里面可以将apply中修改成如下）：

  Person.call(this,name,age);
  

  最后显示的效果是一样的

 

• 什么情况下用apply,什么情况下用call?

  在给对象参数的情况下

  • 如果参数的形式是数组的时候,比如apply示例里面传递了参数arguments,这个参数是数组类型,并且在调用Person的时候参数的列表是对应一致的(也就是Person和Student的参数列表前两位是一致的) 就可以采用 apply
  • 如果我的Person的参数列表是这样的(age,name),而Student的参数列表是(name,age,grade),这样就可以用call来实现了,也就是直接指定参数列表对应值的位置(Person.call(this,age,name,grade));

• apply的一些其他巧妙用法

  在调用apply()方法的时候，第一个参数是对象(this), 第二个参数是一个数组集合, 在调用Person的时候,他需要的不是一个数组,但是为什么他给我一个数组我仍然可以将数组解析为一个一个的参数,这个就是apply的一个巧妙的用处,可以将一个数组默认的转换为一个参数列表([param1,param2,param3] 转换为 param1,param2,param3) 这个如果让我们用程序来实现将数组的每一个项,来装换为参数的列表,可能都得费一会功夫,借助apply的这点特性,所以就有了以下高效率的方法:

  1. Math.max 可以实现得到数组中最大的一项

     因为Math.max 参数里面不支持Math.max([param1,param2]) 也就是数组但是它支持Math.max(param1,param2,param3…),所以可以根据刚才apply的那个特点来解决

     var max=Math.max.apply(null,array)

     这里，在调用的时候第一个参数给了null,是因为没有对象去调用这个方法,只需用这个方法进行运算,得到返回的结果就行,所以直接传递了一个null过去

  2. Array.prototype.push 可以实现两个数组合并

     同样push方法没有提供push一个数组,但是它提供了push(param1,param,…paramN) 所以同样也可以通过apply来装换一下这个数组,即：

     var arr1=new Array("1","2","3");
     var arr2=new Array("4","5","6");
     Array.prototype.push.apply(arr1,arr2);//arr1调用了push方法,参数是通过apply将数组装换为参数列表的集合
     

 

 

关于apply和call方法的疑问，是在看别人代码时候产生的，所以就各种查了一下，很多博主都写的非常好，总结的知识和通俗的语言让我这个小菜鸡很轻易的理解了~ 为大大们比心。这篇文章的参考：《js中apply使用方法小议》