目录
Spread
- 属于浅拷贝，然而并不是援用，批改值原对象不会扭转。
- 如果有雷同的元素就进行替换
- 能够合并多个对象
- 解决了Object.assign()的整体替换失落元素的缺点
- rest
- ES6-ES10学习幅员
之前的rest只是利用于数组中，ES9给Object也新增了rest和spread办法。
巧了，这两个办法的符号都是 —— ... （俗称三个点）
Spread
开展操作符
浅拷贝，但并不是援用，批改值原对象不会变
将两个对象合并到一起
const input = { a: 1, b: 2}const output = { c: 3}能够应用...的形式
const input = { a: 1, b: 2}const output = { ...input, // 打散到output中，浅拷贝 c: 3}console.log(input, output)// {a: 1, b: 2} {a: 1, b: 2, c: 3}input.a = 4console.log(input, output)// 拷贝的模式用的，不是援用，所以原对象没有进行扭转// {a: 4, b: 2} {a: 1, b: 2, c: 3}如果有雷同的元素就进行替换
const input = { a: 1, b: 2}const output = { ...input, a: 3}console.log(input, output)// {a: 1, b: 2} {a: 3, b: 2}input.a = 4console.log(input, output)// {a: 4, b: 2} {a: 4, b: 2}能够合并多个对象
再加一个对象
const input = { a: 1, b: 2}const test = { d: 5}// 将两种对象都间接放到指标对象中const output = { ...input, ...test, c: 3}console.log(input, output)// {a: 1, b: 2} {a: 1, b: 2, d: 5, c: 3}input.a = 4console.log(input, output)// {a: 4, b: 2} {a: 1, b: 2, d: 5, c: 3}解决Object.assign()整体替换失落元素的缺点
之前说过Object.assign()也能够合并元素，然而它有一些缺点，如果不太分明的能够看 ES6（六）—— Object
应用spread会将反复元素替换且因为是合并，所以不会失落元素，举荐应用
const target = { a: { b: { c: 2 } }, e: 5, f: 6, h: 10}const source = { ...target, a: { b: { c: 3 } }, e: 2, f: 3}console.log(source)// { a: { b: { c: 3 } }, e: 2, f: 3, h: 10 }rest
残余操作符，这个能够将对象的残余元素和成一个新的对象，原理和spread正好相同。
const input = { a: 1, b: 2, c: 3, d: 4, e: 5}const { a, b, ...rest } = inputconsole.log(a, b, rest)// 1 2 {c: 3, d: 4, e: 5}