关于[].slice.call(arguments, 1) 的思考

最新推荐文章于 2022-11-23 10:12:28 发布

转载最新推荐文章于 2022-11-23 10:12:28 发布 · 343 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/suners8826735/article/details/50805106

文章标签：

#vue.js #javascript

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文通过测试和分析解释了在JavaScript中为何不能直接使用arguments.slice()，而需要使用[].slice.call(arguments, 1)来获取函数参数从第二个开始的所有值。核心在于arguments并非真正的数组，而是一个类数组对象，不具备数组的方法。了解这一特性对于深入理解JavaScript的函数参数处理至关重要。

阅读《你不知道的JavaScript》(上)时，发现在一个function中用到了这么一段[].slice.call(arguments, 1) 的代码，参考了优快云博主「漂伶叶」的原创文章关于[].slice.call(arguments, 1) 的思考。
目的：就是为了获取arguments 从1 开始到结尾的所有元素。
只是觉得奇怪为什么不直接用 arguments.slice(1) 这样去使用呢？于是，就自己先做了下面的测试：

测试1 先打印下 arguments

var a = function(f){
    console.log(arguments);
}

a('show', [12,3,4,55]);
结果：['show', Array[4]]

测试2

var a = function(f){
    console.log([].slice.call(arguments, 1));
}

a('show', [12,3,4,55]);
结果：[Array[4]]

测试3

var a = function(f){
    console.log(arguments.slice(1));
}

a('show', [12,3,4,55]);
结果：报错！！！ **arguments.slice is not a function(...)**

此时就心中产生了疑惑了，为啥在测试一中打印出来的arguments 是个数组的东西啊，为啥会提示没有slice这个方法呢？带着疑问我去请教下了队伍里的大牛，得到了下面的答案：

测试4

(function() {
    console.log(arguments instanceof Array)
})();

结果：false

arguments 并非数组，只是访问单个参数的方式与访问数组元素的方式相同。因此在使用slice方法的时候，需要用类似[].slice.call(arguments, 1) 的这种方式去调用，至此，关于这条语句引发的思考也就此结束了。
————————————————

原文链接：https://blog.youkuaiyun.com/suners8826735/article/details/50805106