先说个小前提

咱们今天聊聊 JavaScript 那个kan起来hen酷的三个点。

说实话，这玩意儿比你想象的要好玩得多。

别担心，我不会把你灌满技术名词。

哈哈，先给你来点轻松的氛围。

它就是三个点「...」而Yi。

别误会，这不是省略号，也不是省钱码。

它Neng把可迭代对象「拆」成一个个独立元素。

或者把对象属性「摊」成键值对。

听着有点抽象，别急，我慢慢来。

想把一个数组复制一遍？直接写 就行了。

害，那叫浅拷贝，你懂的，里面套对象还是指向同一个。

Ru果只想把几个元素拼进去？ 超爽。

不对不对，应该是 才Neng合并两个数组。

{...objA} Neng把 objA 的自有可枚举属性全抄过去。

后面再加点自己的键，就Neng覆盖同名属性——后写的赢。

比如 {a:1, ...{a:2,b:3}, c:4} Zui终是 {a:2,b:3,c:4} 。

Math.max 把数组里的数字一个个喂进去。

老早之前得写 .apply ，真是麻烦死了。

# 咱就是说这种写法简洁到爆炸。

? 对，就是这么简单就搞定去重了。

{...obj} 只Neng浅拷贝啦，里面套数组还是引用同一个。

# 不对不对，Ru果你真的要深拷贝，Ke以配合 JSON 方法或者结构化克隆 API。

# 那叫省事儿啊，把所有属性一次性塞进去，不用手动列每个键值对。

,...] // =>

# 要是你还有geng深层次的嵌套，用递归函数配合展开就行啦。

# 把惰性求值的数据一次性变成数组，非常适合分页加载之类的场景。

{..., name:'Tom'}

# 当 isAdmin 为 false 时对象里根本没有 role 键，简洁又安全。

# 想在函数内部收集所有传进来的参数，又想保持原函数签名？

function wrapper {
    console.log;
    return original;
}

# kan，这里用了展开收集所有参数，然后再原路返回给原函数，完美！

const arr = ;
console.log;

# 虽然这kan起来没啥必要，但有时候想把数组直接渲染成字符串，用这种方式省事儿不少。

# Ru果你给它一个 null 或

"展开" 与 Symbol 属性不兼容# Symbol-keyed 属性不会被展平，需要手动处理一下不然会悄悄丢失信息呢。