JS 函数中的 arguments 类数组对象

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')

JS 函数中的 arguments 类数组对象相关推荐

详解 js 函数中的 arguments
详解 js 函数中的 arguments 1.什么 arguments 简单来说:arguments 是一个对应于传递给函数的参数的类数组对象 arguments 对象是所有(非箭头)函数中都可用的局 ...
JS函数中的arguments
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
JavaScript函数中的arguments（js函数中的arguments，函数默认参数arguments）
简述:js中的函数大家都比较熟悉,今天来分享下函数中的默认参数arguments.js的函数参数和其他的语言有些不同,它并不介意你传进来多少个参数,以及参数的数据类型,即使你在定义函数时,只设置了两个 ...
将普通函数当中的arguments(类数组转换为数组以及类数组调用数组方法)
1.把类数组转换为数组 function fn() {/* console.log(arguments);// let arr = Array.from(arguments); 方法1let arr ...
详细介绍js函数中的arguments
arguments相当于一个"伪数组" ECMAScript函数的参数和其他的语言还是有些不同的,他并不介意你传进来多少个参数,以及参数的数据类型:通俗的说,即使你在定义函数时,只 ...
JS 中的类数组对象如何转换为数组？
大家好,我是前端西瓜哥,今天说一下 JS 的类数组对象是什么,以及如何将类数组对象转为数组. 类数组对象是什么? 类数组对象,就是含有 length 属性的对象,但这个对象不是数组. 通常来说还会有 ...
Python学习 Day31 JS类数组对象
JS类数组对象一.三元运算符概述:三元运算符由三部分组成,使用语法如下: A ? B : C 三元运算符A:它需要的是一个布尔值(其他类型数值也可以,但是需要隐式转换为布尔值) 如果A部分为布尔值 ...
如何把类数组对象转为数组对象
目录一.数组二.对象三.类数组对象 3.1 什么是类数组对象 3.2 js中哪些是类数组对象 3.3 类数组对象怎么转化为数组 1.Array.from()(ES6+) 2.slice 3.sp ...
【JavaScript】类数组对象
欢迎学习交流!!! 持续更新中- 文章目录类数组对象 arguments 类数组对象理解:是JS中一种特殊的对象.本质上来说对象是满足了一定条件的数组,类数组的使用目的在于使得一个对象既有数组的特 ...

JS 函数中的 arguments 类数组对象

JS 函数中的 arguments 类数组对象相关推荐

最新文章

热门文章