《2019年3月3日》【连续515天】
标题:call和apply的区别;
内容:
### 一 使用:
function log (...args) {
console.log(...args)
}
function log () {
console.log.apply(console, arguments)
}
log(1, 2, 3)
log.bind()
1. call()
- 定义:调用一个对象的一个方法,以另一个对象替换当前对象。
- 调用call的对象必须是个函数function
- call的**第一个参数**将会是**function改变上下文后指向的对象**,如果**不传**,将会默认是**全局对象window**
- 第二个参数开始可以接收**任意个参数**,这些参数将会作为function的参数传入function
2. apply()
- 定义:应用某一对象的一个方法,用另一个对象替换当前对象。
- 与call方法的使用基本一致,但是只接收**两个参数**,其中第二个参数**必须是一个**数组**或者**类数组,这也是这两个方法很重要的一个区别
###二 异同
1. 相同点
- 都能够改变方法的执行上下文(执行环境),将一个对象的方法交给另一个对象来执行,并且是立即执行
2. 不同点
- call方法:从**第二个参数**开始可以接收**任意个参数**,每个参数会映射到相应位置的function的参数上,可以通过参数名调用,但是如果将所有的参数作为数组传入,它们会作为一个整体映射到function对应的第一个参数上,之后参数都为空
- apply方法:最多只有两个参数,第二个参数接收数组或者类数组,但是都会被转换成类数组传入function中,并且会被映射到function对应的参数上
- 更简单地说,apply和call功能一样,只是传入的参数列表形式不同:
如 function.call(function1,var1,var2,var3)对应的apply写法为:function.apply(function1,[var1,var2,var3])
###三 两个方法该如何选择?
1. 根据你要传入的参数来做选择,不需要传参或者只有1个参数的时候,用call,当要传入多个对象时,用apply。
2. 如果需要传入的参数已经是一个数组或者类数组了,就用apply,如果还是单独的需要逐个传入的,可以考虑使用call(如果你不嫌麻烦的话 )
本文深入解析JavaScript中的call和apply方法,对比两者在参数传递上的差异,指导如何根据实际需求选择合适的方法。
94

被折叠的 条评论
为什么被折叠?



