ES6函数中参数的默认值和解构赋值

最新推荐文章于 2025-04-17 02:41:49 发布

千锋IT教育

最新推荐文章于 2025-04-17 02:41:49 发布

阅读量1k

点赞数

分类专栏： JavaScript全解析专栏文章标签： es6 javascript 前端

本文链接：https://blog.youkuaiyun.com/longz_org_cn/article/details/130599981

版权

文章详细介绍了ES6中的函数参数默认值的设置方法，以及如何通过解构赋值从数组和对象中高效地提取值。函数默认值允许在未传入参数时使用预设值，而解构赋值则简化了从数组和多维数组中获取数据的过程，同时支持对象属性的便捷赋值和别名设定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ES6函数中参数的默认值
●给函数的形参设置一个默认值, 当你没有传递实参的时候, 使用默认值
●直接使用赋值符号(=) 给形参赋值即可

   function fn(a, b = 100) {
      console.log(a, b)
    }

    fn()
    fn(10)
    fn(10, 20)


复制代码

ES6的函数默认值
●在ES5之前是没有函数默认值的。函数的默认值是ES6的新语法
●函数的默认值是给函数的形参设置一个默认值, 当你没有传递实参的时候来使用
●书写: 直接在书写形参的时候, 以赋值符号(=) 给形参设置默认值就可以了
●任何函数都可以使用
●注意: 如果你给箭头函数设置参数默认值, 那么不管多少个形参, 都得写小括号
●普通函数

<script>
    // 给形参 a 设置了默认值为 10
    // 给形参 b 设置了默认值为 20
    function fn(a = 10, b = 20) {
        console.log('fn 普通函数内的打印')
        console.log('a : ', a)
        console.log('b : ', b)
    }
    // // 第一次调用
    // // 给 两个形参 赋值了, 那么就不使用默认值了
    fn(100, 200)
    // // 第二次调用
    // // 没有给 b 赋值, 那么 b 就会使用 20 这个默认值
    fn(1000)
    // // 第三次调用
    // // a 和 b 都没有实参进行赋值, 都会使用 默认值
    fn()
</script>


复制代码

<script>
    //给a设置了默认值，b 没有设置默认值
    function fn(a

最低0.47元/天解锁文章