zoukankan      html  css  js  c++  java
  • apply和call方法的区别和使用

    总结
    Function.prototype.apply(thisArg,argArray);

    Function.prototype.call(thisArg[,arg1[,arg2…]]);

    <script type="text/javascript">
        function func1(){
          this.p="func1-";
          this.A=function(arg){
                alert(this.p+arg);
          }
    }
    //定义一个函数func2,具有属性p和方法B
    function func2(){
          this.p="func2-";
          this.B=function(arg){
                 alert(this.p+arg);
          }
    }
    var obj1=new func1();
    var obj2=new func2();

    obj1.A.apply(obj2,["byA"]); //显示通过对象obj2调用obj1中的a方法 (对象名,参数)
    </script>
    obj1的方法A被绑定到obj2运行后,整个函数A的运行环境就转移到了obj2,即this指针指向了obj2。


    ----------------------------------------------------------------------------------------------------------------------
    函数的apply、call方法和length属性
    JavaScript为函数对象定义了两个方法:apply和call,它们的作用都是将函数绑定到另外一个对象上去运行,两者仅在定义参数的方式有所区别:
    Function.prototype.apply(thisArg,argArray);
    Function.prototype.call(thisArg[,arg1[,arg2…]]);
    从函数原型可以看到,第一个参数都被取名为thisArg,即所有函数内部的this指针都会被赋值为thisArg,这就实现了将函数作为另外一个对象的方法运行的目的。两个方法除了thisArg参数,都是为Function对象传递的参数。下面的代码说明了apply和call方法的工作方式:
    //定义一个函数func1,具有属性p和方法A
    function func1(){
          this.p="func1-";
          this.A=function(arg){
                alert(this.p+arg);
          }
    }
    //定义一个函数func2,具有属性p和方法B
    function func2(){
          this.p="func2-";
          this.B=function(arg){
                 alert(this.p+arg);
          }
    }
    var obj1=new func1();
    var obj2=new func2();
    obj1.A("byA");     //显示func1-byA
    obj2.B("byB");     //显示func2-byB
    obj1.A.apply(obj2,["byA"]); //显示func2-byA,其中[“byA”]是仅有一个元素的数组,下同
    通过obj1.对象调用
    obj2.B.apply(obj1,["byB"]); //显示func1-byB
    obj1.A.call(obj2,"byA");   //显示func2-byA
    obj2.B.call(obj1,"byB");   //显示func1-byB
    可以看出,obj1的方法A被绑定到obj2运行后,整个函数A的运行环境就转移到了obj2,即this指针指向了obj2。同样obj2的函数B也可以绑定到obj1对象去运行。代码的最后4行显示了apply和call函数参数形式的区别。
    与arguments的length属性不同,函数对象还有一个属性length,它表示函数定义时所指定参数的个数,而非调用时实际传递的参数个数。例如下面的代码将显示2:
    function sum(a,b){
          return a+b;
    }
    alert(sum.length);
  • 相关阅读:
    小程序 订阅消息功能实现 wx.requestSubscribeMessage
    Azure API Management (2) API Managment 保护内网服务,且通过JWT验证
    Azure Firewall (1) Azure虚拟桌面结合Azure防火墙设置访问白名单
    一文详解脏读、不可重复读、幻读
    SpringBoot引入第三方jar的Bean的三种方式
    单例模式,真不简单
    一文详解MySQL的锁机制
    高并发下秒杀商品,必须知道的9个细节
    MySQL记录锁、间隙锁、临键锁小案例演示
    Git五个常见问题及解决方法
  • 原文地址:https://www.cnblogs.com/aaa6818162/p/1566385.html
Copyright © 2011-2022 走看看