【javascript】 function.apply 菜鸟学习笔记

今天无意看到 function有个apply的函数于是就去看看 发现很好玩 在这里分享下 先看看参数

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

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

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

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

           --args的数组就会一个个的变成那个方法的参数

好啦 现在来看看apply的用法

  1）使用apply来简单实现js的继承 上代码

    function Person(name){
        this.name= name,
        this.eat= function(){
            document.writeln(this.name);
        }
    }
    function child (name,age){
        Person.apply(this,arguments),
        this.age=age
    }
    child.prototype.fly= function(where){
       document.writeln(where)
    } ;


    var a = new child("pc",12);
    a.fly("  house") ;
    a.eat("sweet ")

     输出结果

   

 house pc

   class child是没有eat方法的使用apply就可以简单的实现继承

=====================分割线=============================

要注意的是Person如果使用prototype的方法不能被继承？ 上代码吧

    function Person(name){
        this.name= name
    }
    Person.prototype.eat=function(food){
        document.writeln(this.name);

    } ;
    function child (name,age){
        Person.apply(this,arguments),
        this.age=age
    }
    child.prototype.fly= function(where){
       document.writeln(where);
    } ;


    var a = new child("pc",12);
    a.fly("  house") ;
    a.eat("sweet ")

运行后 只会输出 house 

   

所以使用apply来实现的时候要注意方法写在Person里面

2）使用apply的arg写出优雅的代码 如

     1.

     var a =  Math.min(1,3,7,2,8,8);
     document.writeln(a); //1

但是如果我要求出一个数组的的min呢 难道要写循环? apply 帮您解决

   

     var a = [1,3,7,2,8,8] ;


     var b=Math.min.apply(null,a)  ;
     document.writeln(b); //1

        2.  

       var arr1=[1,2,3];
       var arr2 = [4,5,6] ;
       arr1.push(arr2);
       console.log(arr1);

        这样就会出现 [1,2,3,[4,5,6]] apply也可以解决

       var arr1=[1,2,3];
       var arr2 = [4,5,6] ;
       arr1.push.apply(arr1,arr2);
       console.log(arr1);//[1,2,3,4,5,6]

               也可以这样写

       var arr1=[1,2,3];
       var arr2 = [4,5,6] ;
       Array.prototype.push.apply(arr1,arr2)
       console.log(arr1);<span style="font-family: Arial, Helvetica, sans-serif;">//[1,2,3,4,5,6]</span>