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

最新推荐文章于 2024-05-28 17:55:28 发布

原创最新推荐文章于 2024-05-28 17:55:28 发布 · 659 阅读

0 ·

CC 4.0 BY-SA版权

学习笔记专栏收录该内容

19 篇文章

订阅专栏

本文介绍JavaScript中Function.prototype.apply方法的实用技巧，包括通过apply实现简单的继承机制，并展示了如何利用apply来简化数组操作及数学计算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天无意看到 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写出优雅的代码如

     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

       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>