js call和apply

Posted 2020-08-28 dongxiaolei

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)("实验小学","六年级");