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>
复制代码

作者：彼岸舞

时间：2021\08\16

内容关于：前端知识库

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

posted @   彼岸舞  阅读(156)  评论(0)  编辑  收藏  举报
编辑推荐：
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行：
· winform 绘制太阳，地球，月球 运作规律
· AI与.NET技术实操系列（五）：向量存储与相似性搜索在 .NET 中的实现
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾（3.3-3.9）
· AI 智能体引爆开源社区「GitHub 热点速览」
点击右上角即可分享
微信分享提示