JavaScript中apply的用法

2019独角兽企业重金招聘Python工程师标准>>>

apply方法: 它能劫持另外一个对象的方法，继承另外一个对象的属性

    Function.apply(obj,args)能接受两个参数：

        obj: 这个对象将代替Function类中的this对象

        args： 这是个数组，它将作为参数传递给Function类

示例代码：

<script>
  /* 定义一个人类 */
  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('LZ', 40, '一年级');

  //测试
  alert("name:"+student.name+"\n"+"age:"+student.age+"\n"+"grade:"+student.grade);

  //大家可以看到测试结果name:LZ age:40 grade:一年级
  //学生类里面我没有给name和age属性赋值啊,为什么又存在这两个属性的值呢,这个就
  //是apply的神奇之处. 

</script>

分析：

    Person.apply(this,arguments);

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

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

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

apply的一些其他巧妙用法

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

           因为Math.max 参数里面不支持Math.max([param1,param2]) 也就是数组

           但是它支持Math.max(param1,param2,param3…),所以可以根据刚才apply的那个特点来解决 var max=Math.max.apply(null,array),这样轻易的可以得到一个数组中最大的一项

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

    b)Math.min  可以实现得到数组中最小的一项

            同样和 max是一个思想 var min=Math.min.apply(null,array); 

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

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

            vararr1=new Array("1","2","3"); 

            vararr2=new Array("4","5","6");   

            Array.prototype.push.apply(arr1,arr2);

            也可以这样理解,arr1调用了push方法,参数是通过apply将数组装换为参数列表的集合  

转载于:https://my.oschina.net/u/2399867/blog/595494