都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。因为 JavaScript 的函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。

二者的作用完全一样,只是接受参数的方式不太一样。

例如,有一个函数 func1 定义如下:
var func1 = function(arg1, arg2) {};

就可以通过  func1.call ( this, arg1, arg2) ; 

   或者  func1.apply ( this, [ arg1, arg2 ] ) ;

   或者  func1.bind ( this, arg1, arg2 ) ( );       来调用。


其中 this 是你想指定的上下文,他可以任何一个 JavaScript 对象(JavaScript 中一切皆对象),call 需要把参数按顺序传递进去,而 apply 则是把参数放在数组里。


JavaScript 中,某个函数的参数数量是不固定的,因此要说适用条件的话,当你的参数是明确知道数量时,用 call;而不确定的时候,用 apply和bind,然后把参数 push 进数组传递进去。当参数数量不确定时,函数内部也可以通过 arguments 这个数组来便利所有的参数。


bind是返回对应函数,便于稍后调用,apply、call是立即调用;
当希望改变上下文环境之后并非立即执行,而是回调执行的时候,使用 bind() 方法。而 apply/call 则会立即执行函数
javascript:call与apply与bind

另:


  1.  function show(sex){  
  2.             console.log("性别:"+sex);  
  3.         }  
  4.         var person={  
  5.             name:"aa",  
  6.             age:14  
  7.         };  
  8.         show.call(person,"男");  
  9.         show.apply(person,["女"]);  

  10.         //对于bind来说,用法更加的灵活  
  11.         var ss=show.bind(person,"不明");  
  12.         ss();  



相关文章:

  • 2021-12-03
  • 2021-12-31
  • 2021-09-21
  • 2021-07-11
  • 2021-08-27
  • 2022-03-08
  • 2021-09-19
猜你喜欢
  • 2021-10-06
  • 2021-11-30
  • 2022-12-23
  • 2022-12-23
  • 2021-11-06
  • 2022-12-23
相关资源
相似解决方案