es6--扩展运算符

Posted 2020-12-17 jentary

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了es6--扩展运算符相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script>
        /**
         *扩展运算符
         *
         * */
        function show(...a) {
            console.log("a", a);
        }
        //收缩
        show(1, 2, 3, 4)
        //展开
        let arr = [1, 2, 3, 4];
        console.log("arr", ...arr);
        //剩余预算符
        function add(a, b, ...c) {
            console.log("add", a, b, c);
        }

        add(1, 2, 3, 4)
        //对象不可以
        // let obj = {
        //     a: 1,
        //     b: 2,
        //     c: 3
        // }
        // console.log("obj", ...obj);

        let arrb = [...arr];//复制数组
        //箭头函数没有arguments对象
        //箭头函数改变this的作用域
        //参数对象可以用...args
        //箭头函数不能当构造函数用，不能new

    </script>
</head>

<body>

</body>

</html>

以上是关于es6--扩展运算符的主要内容，如果未能解决你的问题，请参考以下文章

扩展运算符不适用于基于 Redux/ES6 的示例