ES7 中的 Object.assign() 和 Object.is()

阅读时长 4 分钟读完

在 ES7 中,有两个关于对象操作的新方法,分别是 Object.assign() 和 Object.is()。本文将对它们进行详细介绍,并且给出实用的示例代码。

Object.assign()

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它的语法如下:

其中 target 是目标对象,sources 是一个或多个源对象。它会将 sources 中的所有可枚举属性的值复制到 target 中,并返回 target。

下面是一个示例:

-- -------------------- ---- -------
----- ------ - - -- -- -- - --
----- ------ - - -- -- -- - --

----- ------ - --------------------- --------

--------------------
-- -------- ------- - -- -- -- -- -- - -

--------------------
-- -------- ------- - -- -- -- -- -- - -

在上面的例子中,source 中的 b 属性覆盖了 target 中的 b 属性的值,因此最终 target 中的 b 的值变为 4。

Object.assign() 方法还有一些特殊用法:

用于克隆对象

Object.assign() 方法可以用于将一个对象克隆到另一个对象中,如下所示:

这里将一个空对象作为目标对象,然后将源对象 source 复制到目标对象中,这样就实现了克隆。

用于合并多个对象

Object.assign() 方法可以用于将多个对象合并为一个对象,如下所示:

这里使用了三个源对象,将它们都复制到一个空对象中,实现了对象的合并。

注意事项

在使用 Object.assign() 方法时有一些需要注意的事项:

  • 如果源对象中的值是一个对象或者数组,那么它仅会复制其引用而不是值,这意味着修改源对象的属性或元素会同样影响目标对象的属性或元素。
  • Object.assign() 方法的第一个参数必须是一个对象,如果不是,它会抛出一个 TypeError 异常。

Object.is()

Object.is() 方法用于比较两个值是否相同。它的语法如下:

其中 value1 和 value2 是要比较的两个值。它会比较它们的类型和值,并返回一个布尔值,表示这两个值是否相同。

下面是一些示例:

-- -------------------- ---- -------
---------------------------- --------
-- -------- ------- ----

---------------------------- --------
-- -------- ------- -----

------------------------ ----
-- -------- ------- ----

------------------------- -----
-- -------- ------- -----

在上面的示例中,'foo' 和 1 是相同的,因为它们的类型和值都相同;而 {} 和 {} 是不同的,因为它们是不同的对象。

Object.is() 方法还有一些特殊用法:

判断是否为 NaN

在 JavaScript 中,NaN 和任何值都不同,甚至包括它自己。例如:

然而,使用 Object.is() 方法可以判断一个值是否为 NaN,如下所示:

判断是否为 -0 和 +0

在 JavaScript 中,-0 和 +0 是相同的值,但是它们的比较结果不同。例如:

然而,使用 Object.is() 方法可以判断一个值是否为 -0,如下所示:

总结

Object.assign() 和 Object.is() 是 ES7 中两个非常实用的方法,它们可以帮助我们更方便地操作对象和比较值。在实际开发中,我们可以结合它们的特点和使用方法,更好地提高自己的开发效率。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/645ccaf0968c7c53b0f46bb4

纠错
反馈