JavaScript中call与apply的区别
2021/6/10 20:24:39
本文主要是介绍JavaScript中call与apply的区别,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
call与apply的区别
- 一 定义:
- 1. call()
- 2. apply()
- 二 异同
- 1. 相同点
- 2. 不同点
- 三 两个方法该如何选择?
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个参数的时候,用call,当要传入多个对象时,用apply。
-
如果需要传入的参数已经是一个数组或者类数组了,就用apply,如果还是单独的需要逐个传入的,可以考虑使用call(如果你不嫌麻烦的话 )
这篇关于JavaScript中call与apply的区别的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-01基于Python+Vue开发的医院门诊预约挂号系统
- 2024-10-01基于Python+Vue开发的旅游景区管理系统
- 2024-10-01RestfulAPI入门指南:打造简单易懂的API接口
- 2024-10-01初学者指南:了解和使用Server Action
- 2024-10-01Server Component入门指南:搭建与配置详解
- 2024-10-01React 中使用 useRequest 实现数据请求
- 2024-10-01使用 golang 将ETH账户的资产平均分散到其他账户
- 2024-10-01JWT用户校验课程:从入门到实践
- 2024-10-01Server Component课程入门指南
- 2024-09-30Dnd-Kit学习:新手快速入门指南