ES12 引入了一些非常实用的新特性，其中包括 Object.assign 和管道表达式。这两个特性一起为前端开发者提供了更加优雅、高效的代码编写方式。
Object.assign
Object.assign 函数是将一个或多个源对象的自身可枚举属性复制到目标对象中。它通过使用第一个参数作为目标对象来修改，然后从第二个参数开始，将所有源对象的属性复制到目标对象中。如果有相同属性，后来的会覆盖先前的。示例如下：
-- -------------------- ---- ------- ----- ------ - - -- -- -- - -- ----- ------ - - -- -- -- - -- ----- ------ - --------------------- -------- -------------------- -- --- -- -- -- -- --
在上面的示例中，将 source 对象的属性合并到 target 对象中，并返回一个新的合并后对象 result。
ES12 将 Object.assign 的功能进行了扩展，使其能够更轻松地处理嵌套对象。使用 Object.assign 将源对象的属性合并到目标对象时，如果源对象或目标对象中包含嵌套对象，它们将被递归地合并。示例代码如下：
const obj1 = { a: 1, b: { c: 2, d: 3 } };
const obj2 = { b: { c: 4, e: 5 }, f: 6 };
const result = Object.assign(obj1, obj2);
console.log(result); // { a: 1, b: { c: 4, d: 3, e: 5 }, f: 6 }在上述示例中，展示了一个包含嵌套对象的 target 对象和 source 对象，使用 Object.assign 将源对象合并到目标对象中，并且将目标对象作为新的合并后对象返回。
管道表达式
管道表达式（Pipeline Operator）也是 ES12 中一个非常实用的新特性。它允许将多个函数串联起来，形成一条管道，将输出传递到下一个函数作为输入。这种编程技巧被称为 F# 中的管道运算符（|>）。
使用管道表达式，可以将一个复杂的函数调用链转变为一条通俗易懂的流水线。示例代码如下：
const add = (a, b) => a + b; const square = x => x * x; const increment = x => x + 1; const result = increment(square(add(1, 2))); console.log(result); // 16
在上面的示例中，我们将 1 和 2 传递给 add 函数，然后将结果传递给 square 函数，最后将结果传递给 increment 函数。管道表达式允许我们更好地阅读这个函数调用链，并将其转换为以下形式：
const result = 1 |> add(2) |> square |> increment; console.log(result); // 16
管道运算符允许我们在避免深层嵌套的同时，使代码更加简洁、易于理解。此外，管道表达式还允许我们将一系列无关的函数分解为更小、更易于维护的函数。这种做法可以极大地提高代码的可读性和可维护性。
结论
Object.assign 和管道表达式是 ES12 中非常实用的新特性，它们可以使你的代码更加简洁、优雅和易于维护。Object.assign 提供了一种轻松合并嵌套对象的方式，而管道表达式允许我们避免深层嵌套，并将一系列无关的函数转换为更易于维护的函数。这些技术将使你的代码更加高效和可读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fd2990447136260179d108