前端随心记---------call,bind,apply

时间:2022-09-10 18:36:50

  js中的call(),apply(),bind()是Funtion.prototype下的方法,都是用于改变函数运行时上下文,最终的返回值是你调用的方法的返回值,若该方法没有返回值,则返回undefined。这几个方法很好地体现了js函数式语言特性,在js中几乎每一次编写函数式语言风格的代码,都离不开call和apply。

  

  apply()

  使用apply,可以继承其他对象的方法。

  apply的第一个参数是null,在非严格模式下,第一个参数为null或者undefined是会自动替换为指向全局对象,apply()的第二个参数为数组或类数组。

  call()

  call是apply()的语法糖,作用和apply()一样,同样可实现继承,唯一的区别就在于call()接收的是参数列表,二apply()则接收参数数组。

  bind()

  bind()的作用域call()和apply()一样,都是可以改变函数运行时上下文,区别是call()和apply()在调用函数之后会立即执行,而bind()方法调用并改变函数运行时上下文后,返回一个新的函数,供我们需要时在调用。

 

总结:

  call()、apply()和bind()都是用来改变函数执行时的上下文,可借助它们实现继承;

  call()和apply()唯一区别是参数不一样,call()是apply()的语法糖;

  bind()是返回一个新函数,供以后调用,而apply()和call()是立即调用。