apply方法与call方法

Posted 2020-10-23 不止于学

• 经常混淆这两个方法，在此做个总结
• 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。

相同点

• 这两个方法的作用是一样的，即改变this的指向。

不同点

接收参数的方式不同

• 两个方法的第一个参数一般写的都是函数运行的作用域（this），可以为空，那当前函数运行的作用域就为window,但apply方法必须填上null,call不需要填

• 示例:

  console.log(Math.max.call(1,5,7));
  console.log(Math.max.apply(null,[1,5,7]));

• 接收的第二个参数也不同，apply方法的第二个参数必须是数组形式，而call方法不需要

• 举例:

   function add(c,d){
      return this.a + this.b + c + d;
  }
  var s = {a:1, b:2};
  console.log(add.call(s,3,4)); // 1+2+3+4 = 10
  console.log(add.apply(s,[5,6])); // 1+2+5+6 = 14