JS 函数中的 arguments 类数组对象
2024-10-03
19
1. arguments 介绍
2. arguments 转为数组
3. 箭头函数中没有 arguments
1. arguments 介绍
众所周知,js 是一门非常灵活的语言。当我们在 js 中调用一个函数时,经常会给函数传递一些参数,js 把调用函数时传入的全部实参存储到一个叫做 arguments 的类数组对象里面
arguments 是一个类数组对象,不是一个真正的数组。它类似数组,除了 length 属性和通过索引获取元素之外没有任何数组属性。这一点可以通过打印它看到
function test() { console.dir(arguments);}test('html', 'css', 'js')console.dir(['html', 'css', 'js'])
通过打印结果可以发现,arguments 的原型是 Object,而数组的原型是 Array
那么关于 arguments 是什么 ? 这里做下总结
arguments 是类数组对象(伪数组),即不是一个真正的数组,而是一个对象。它有 length 属性,并且可以通过下标获取元素,但是它不能调用数组方法,就是因为它不是真正的数组,这一点可以通过查看它的原型验证
2. arguments 转为数组
arguments 是类数组对象,不是一个真正的数组,意味着不能使用数组方法,但是可以将它转换为真正的数组
方法一: 直接遍历(新手写法)
const args = [];for (let i = 0; i < arguments.length; i++) { args.push(arguments[i])}
方法二: Array.prototype.slice(下面两种方式都可以)
const args = Array.prototype.slice.call(arguments)const args = [].slice.call(arguments)
方法三: ES6 语法(下面两种方式都可以)
const args = [...arguments]const args = Array.from(arguments)
3. 箭头函数中没有 arguments
arguments 只存在于普通函数中,而在箭头函数中是不存在的
下面代码抛出错误异常:Uncaught ReferenceError: arguments is not defined
const arrow = () => { console.log(arguments);}arrow('html', 'css', 'js')
箭头函数中虽然没有 arguments,但是可以使用 ...
接收所有实参
const arrow = (...args) => { console.log(args);}arrow('html', 'css', 'js')更新于:15天前
赞一波!
相关文章
- 【说站】python列表如何结合数组使用
- 【说站】python函数符号sympy的用法
- 【说站】python中str()函数转换字符串
- 【说站】php数组转json字符串
- 【说站】php数组合并的方法
- 【说站】php数组排序算法
- 【说站】php数组实现原理
- 【说站】php数组添加元素
- 【说站】python编写函数的注意点
- 【说站】python函数中返回值的作用
- 【说站】python在函数中传递实参
- 【说站】python函数如何指定默认值
- 【说站】python如何用函数删除空白
- 【说站】python处理数字列表的函数
- 【说站】python列表中有哪些内置函数
- 【说站】python random中的随机函数
- 【说站】python匿名函数的好处
- 【说站】python匿名函数lambda的注意点
- 【说站】python函数式编程如何理解
- 【说站】php数组赋值方式
文章评论
评论问答