zoukankan      html  css  js  c++  java
  • js call、apply和bind

    function add(a,b)  
    {  
        alert(a+b);  
    }  
    function sub(a,b)  
    {  
        alert(a-b);  
    }  
      
    add.call(sub,3,1);   
    例1

    例子1中的意思就是用 add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4); // 注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。

    var ary=[3,1];
      function add(a,b)
      {
          alert(a+b);
      }
      function sub(a,b)
      {
          alert(a-b);
      }
    
      add.apply(sub,ary);
    例2

    例子2中的意思也是用 add 来替换 sub,add.apply(sub,ary) == add(3,1) ,所以运行结果也为:alert(4);

    call和apply的共同之处:

    1)都是用于改变this关键字,如add.call(sub,3,1)意思就是用add替换sub

    2)括号中第一个参数都是要改变的this值

    call和apply区别:

    call中的参数是一个个传进去的,而apply中的参数是以数组的形式传进去的

     3)bind 是返回对应函数,便于稍后调用;apply 、call 则是立即调用 。

             var xw = {
                            name : "小王",
                            gender : "男",
                            age : 24,
                            say : function(school,grade) {
                                    alert(this.name + " , " + this.gender + " ,今年" + this.age + " ,在" + school + "上" + grade);                                
                            }
                    }
                    var xh = {
                            name : "小红",
                            gender : "女",
                            age : 18
                    }
              xw.say.call(xh,"实验小学","六年级"); 
              xw.say.apply(xh,["实验小学","六年级"]);
              //call和apply都是对函数的直接调用,而bind方法返回的仍然是一个函数,因此后面还需要()来进行调用才可以。bind这两种传参方式都可以
              xw.say.bind(xh,"实验小学","六年级")();                      
              xw.say.bind(xh)("实验小学","六年级");
  • 相关阅读:
    vMware 按装 MacOs
    jenkin
    Robotium
    robotframework
    Appium Server
    A new session could not be created. (Original error: Requested a new session but one was in progress) (WARNING: The server did not provide any stacktrace information)
    hdu2609 How many (最小表示法)
    UCF Local Programming Contest 2015 H. Reach for the Stars
    2020牛客寒假算法基础集训营3 J 牛牛的宝可梦Go
    二阶差分
  • 原文地址:https://www.cnblogs.com/dongxiaolei/p/6307383.html
Copyright © 2011-2022 走看看