JS动态参数arguments与剩余参数

arguments是函数内部内置的伪数组变量,它包含了调用函数时传入的所以实参

让我为大家介绍一下arguments吧
平时我们获取实参

js 复制代码
    function fun(a, b) {
        console.log(a) //1
        console.log(b) //2
    }
    fun(1, 2)

接下来我们来使用一下arguments动态获取实参

js 复制代码
    function fun() {
        // arguments只存在于函数里面
        // 是一个伪数组
        console.log(arguments) //[1,2]
        // 我们使用argument求和
        let sum = 0
        // 使用for循环
        for(let i = 0;i<arguments.length;i++) {
            sum += arguments[i]
        }
        console.log(sum)
    }
    fun(1,2) //3
    fun(1,2,3) //6

arguments总结:

1.arguments是一个伪数组,只存在于函数中

2.arguments的作用是动态获取函数的实参数

3.可以通过for循环依次得到传递过来的实参

接下来让我为大家介绍一下剩余参数

剩余参数允许我们将一个不定数量的参数表示为一个数组

语法:... 你没看错,就是...

js 复制代码
    function fun(...arr) {
        console.log(arr) //[1,2]
    }
    fun(1,2)

那剩余参数与arguments有什么区别呢?

1、 ... 是语法符号,置于最末函数形参之前,用于获取多余 的实参

2、借助 ... 获取的剩余实参,是一个真数组

js 复制代码
    function fun(a,...arr) {
        console.log(a) //1
        console.log(arr) //[2,3,4,5]
    }
    fun(1,2,3,4,5)

开发中,还是提倡剩余参数

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关推荐
ZTLJQ3 分钟前
构建现代Web应用:Python全栈框架完全解析
前端·数据库·python
前端付豪7 分钟前
实现代码块复制和会话搜索
前端·人工智能·后端
英俊潇洒美少年12 分钟前
Vue reactive 底层 Proxy 完整流程(依赖收集 + 触发更新)
前端·javascript·vue.js
周万宁.FoBJ12 分钟前
vue源码讲解之 effect解析 (仅包含在effect中使用reacitve情况)
前端·javascript·vue.js
Qlittleboy17 分钟前
<el-form @submit.native.prevent> elementUI的里面的input的元素的回车事件后总是自动提交表单
前端·javascript·elementui
Carsene17 分钟前
Docsify 文档缓存问题终极解决方案:拦截请求自动添加版本号
前端·javascript
周淳APP19 分钟前
【VDOM,Diff算法,生命周期,并发请求】
前端·javascript·vue.js
Linncharm19 分钟前
重写一个「年久失修」的开源项目:把 jQuery + CoffeeScript 的 3D 户型图工具迁移到 TypeScript + Three.js r181
前端
竹林81821 分钟前
从“后端验证”到“前端签名”:我在Web3项目中重构用户身份认证的实战记录
前端·javascript
农夫山泉不太甜23 分钟前
Expo开发App实战指南:从技术选型到架构设计
前端