es6默认参数

港控/mmm° 2022-05-16 01:56 157阅读 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 条评论，157人围观）

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

相关阅读

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

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

╰半夏微凉°/ 2023年09月27日 20:46/ 0 赞/ 70 阅读

相关 ES6剩余参数和扩展运算符

一、剩余参数剩余参数允许我们把一个不定数量的参数表示一个数组 function foo(arg1,...args) { // 语法就是3个点+变量名

拼搏现实的明天。/ 2023年07月15日 15:15/ 0 赞/ 64 阅读

相关 es-默认行为

es默认行为，默认可搜索(index默认true)，默认不存储(store默认false)，默认\_source开启，默认新字段加入mapping(dynamic默认true)

本是古典何须时尚/ 2022年09月04日 09:48/ 0 赞/ 110 阅读

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

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

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

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

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

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

相关 es6默认参数

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

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

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

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

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

相关 ES6剩余参数

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

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

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

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

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

相关 es6 形参默认值

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

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