利用apply()或者rest参数来实现用数组传递函数参数

2023-07-29,,

关于call()和apply()的用法,MDN文档里写的非常清晰明白,在这里就不多做记录了。

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/call

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/apply

虽说了解了call()和apply()的作用,但是一直没有怎么遇见适用的场景,直到最近常常遇见需要将函数多个参数数组的形式传入,因此才了解到了apply()的一个适用场景。

因为apply在修改this指向的同时,还能够用数组传入参数,这恰好就为我这个场景需求打开了新思路。

现举例如下

var arr = [1, 2, 3];

var obj = {
func: function (arg1, arg2, arg3) {
return arg1 + arg2 + arg3;
}
} obj.func.apply(obj.func, arr); // 6

apply保持了原this指向,只是利用它可以用数组传参的特性而已。


用es6实现:

顺便一提,在es6中有关于函数的拓展中加入了rest参数,恰好也解决了这种场景。我在这里也放出一段示例代码。

const arr = [1, 2, 3];

const obj = {
func(arg1, arg2, arg3) {
return arg1 + arg2 + arg3;
}
} obj.func(...arr);

关于rest参数的资料 阮一峰先生开源的书是最好的教程,我在这里也就把链接贴出来好了

http://es6.ruanyifeng.com/#docs/function#rest参数


作者博客:pspgbhu

作者GitHub:https://github.com/pspgbhu

欢迎转载,但请注明出处,谢谢!

利用apply()或者rest参数来实现用数组传递函数参数的相关教程结束。

《利用apply()或者rest参数来实现用数组传递函数参数.doc》

下载本文的Word格式文档,以方便收藏与打印。