ES6 语法详解(三点运算符)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        /**
         * 三点运算符
         * 用途
         *     1. rest(可变)参数
         *         用于取代arguments, 但是比arguments灵活,只能是最后部分形参参数
         */
        function fun(...values) {
            console.log(arguments)
            // arguments.forEach((item,index) => console.log(item,index)) //不是数组 不支持forEach
            console.log(values)
            values.forEach((item, index) => console.log(item, index))
        }
        fun(1, 2, 3, 4)

        /**
         * 扩展运算符
         */
        let arr = [1, 6]
        let arr1 = [2, 3, 4, 5]

        // 将arr1合并到 arr中
        // 会将arr1,所有数值解析出来放入外面,对象也可以
        arr = [1, ...arr1, 6]
        console.log(arr)

        let obj = {
            username: 'flower'
        }
        let obj2 = {
            age: 18,
            ...obj
        }
        console.log(obj2)
    </script>
</html>

作者：彼岸舞

时间：2021816

内容关于：前端知识库

本文属于作者原创,未经允许,禁止转发