es6默认参数

港控/mmm° 2022-05-16 01:56 178阅读 0赞

1. 默认参数的问题，es5和es6的写法不同，请看下面代码：

// es5的写法
    {
        function f(x, y, z) {
            if (y === undefined) {
                y = 7;
            }
            if (z === undefined) {
                z = 42;
            }
            return x + y + z;
        }
        console.log(f(1));
    }
    // es6的写法
    {
        function f1(x, y = 4, z = 12) {
            return x + y + z;
        }
        console.log(f1(1));
    }

2. 对于可变参数的问题，es5采用  Array.prototype.slice.call(arguments)来获得 f() 的可变参数列表，arguments指向的是 f() 的参数列表，以数组的形式返回。es6采用扩展运算符的形式来获取函数的参数列表，简化了代码。

// es3,es5可变参数
    {
        function f() {
            // 返回可变参数的列表，a是一个数组
            var a = Array.prototype.slice.call(arguments);
            var sum = 0;
            a.forEach(function (item) {
                sum += item + 1;
            });
            return sum;
        }
        console.log(f(1,2,3));
    }
    // es6的写法
    {
        function f3(...a) {
            let sum = 0;
            a.forEach(item=>{
                sum += item + 1;
            });
            return sum;
        }
        console.log(f3(1,2,3));
    }

3. 关于扩展运算符的用法，还有很多，比如可以用于数组的合并。

es5合并数组用concat()方法，es6合并数组用扩展运算符来进行合并数组，简化了代码。

{
        // es5合并数组
        var arr = ['hello', 7];
        var arr1 = [1,2].concat(arr);
        console.log(arr1);
    }
    {
        // es6使用扩展运算符来合并数组
        let arr = ['hello',7];
        let arr1 = [1,2,...arr];
        console.log(arr1);
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，178人围观）

还没有评论，来说两句吧...

相关阅读

相关【ES6+】004-ES6新特性：ES6中函数参数的默认值、rest参数、扩展运算符

目录一、ES6中函数参数的默认值 1、概述 2、代码示例及相关说明二、rest参数 1、概述 2、代码示例及相关说明 3、运行结果三、扩展运算符 1、介

拼搏现实的明天。/ 2023年10月05日 16:02/ 0 赞/ 12 阅读

相关 ES6-函数参数默认值

在ES6以前，我们无法给一个函数参数设置默认值，只能采用变通写法： function add(a , b) { // 判断b是否为空，为空就

红太狼/ 2023年07月23日 04:58/ 0 赞/ 24 阅读

相关 4.ES6-rest参数

文章目录 rest参数一.rest参数二.扩展运算符三.扩展运算符的应用

太过爱你忘了你带给我的痛/ 2023年06月18日 05:54/ 0 赞/ 7 阅读

相关 ES6 rest参数和扩展运算符

> 　 ES6引入了rest参数（形式为“…变量名”）。其中rest参数搭配的变量是一个数组可以使用数组的一切操作。　　比如： function rest(..

青旅半醒/ 2022年07月13日 00:11/ 0 赞/ 211 阅读

相关 ES5和ES6中对函数设置默认参数的方法总结

ES5中设置默认参数的方法：第一种方法： function example(a,b){ var a = arguments[0] ? argum

迷南。/ 2022年06月16日 11:13/ 0 赞/ 288 阅读

相关 es6默认参数

1. 默认参数的问题，es5和es6的写法不同，请看下面代码： // es5的写法 { function f(x, y, z) {

港控/mmm°/ 2022年05月16日 01:56/ 0 赞/ 179 阅读

相关 ES6笔记之参数默认值(译)

原文链接:[http://dmitrysoshnikov.com/][http_dmitrysoshnikov.com] 原文作者:Dmitry Soshnikov

「爱情、让人受尽委屈。」/ 2021年11月01日 11:10/ 0 赞/ 313 阅读

相关 ES6剩余参数

ES6剩余参数一、什么是剩余参数二、写法三、案例 1.计算不知道长度的参数 2.剩余参数和解构赋值组合一、什么是剩

迷南。/ 2021年09月07日 06:10/ 0 赞/ 327 阅读

相关 ES--函数（默认参数、箭头函数）

函数参数的扩展默认参数基本用法 function fn(name,age=17){ console.log(name+","+age);

本是古典何须时尚/ 2021年08月14日 02:13/ 0 赞/ 493 阅读

相关 es6 形参默认值

语法:函数名(x=1,y=2){...},当不传入参数调用函数时，会使用默认设置的参数值代码示例: <html ng-app='app' ng-contr

小咪咪/ 2021年07月25日 02:16/ 0 赞/ 423 阅读