小白学 ES2020：全局对象 Object 的 is() 和 ? optional chaining 运算符-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，JavaScript 是一种被广泛使用的编程语言，而 ES2020 是 JavaScript 的最新标准版本。在 ES2020 中，全局对象 Object 有两个新的方法，即 is() 和 ? optional chaining 运算符。本文将详细介绍这两个新特性的用法和指导意义。

is() 方法

is() 方法用于比较两个值是否相等，它的用法如下：

Object.is(value1, value2)

其中，value1 和 value2 是要比较的两个值。is() 方法会根据以下规则进行比较：

如果 value1 和 value2 都是 NaN，则返回 true。
如果 value1 和 value2 都是同一个对象，则返回 true。
如果 value1 和 value2 都是同一个基本类型的值（比如字符串、数字、布尔值、null、undefined），则返回 true。
如果 value1 和 value2 都是同一种类型的包装对象（比如 String、Number、Boolean），并且它们的基本类型的值相等，则返回 true。
在其他情况下，返回 false。

下面是一些示例代码：

// javascriptcn.com 代码示例
Object.is(1, 1); // true
Object.is(1, '1'); // false
Object.is(NaN, NaN); // true
Object.is({}, {}); // false
Object.is([], []); // false
Object.is(null, null); // true
Object.is(undefined, undefined); // true
Object.is(new String('foo'), 'foo'); // true
Object.is(new Number(1), 1); // true

is() 方法的指导意义是，在比较两个值时，使用 is() 方法可以更加准确地判断它们是否相等，避免出现一些意外的结果。

? optional chaining 运算符

? optional chaining 运算符用于访问对象的属性或方法，它的用法如下：

object?.property
object?.method()

其中，object 是要访问的对象，property 是要访问的属性名，method 是要访问的方法名。? optional chaining 运算符可以避免在访问属性或方法时出现对象不存在的情况，它的功能类似于 && 运算符，但比它更加简洁和易读。

下面是一些示例代码：

// javascriptcn.com 代码示例
let obj = { prop: { subprop: 'value' } };
let val1 = obj?.prop?.subprop; // 'value'
let val2 = obj?.prop2?.subprop; // undefined

function fn() {
  console.log('function called');
}
obj?.method?.(); // 不会报错，但不会输出任何内容
fn?.(); // 输出 'function called'

? optional chaining 运算符的指导意义是，在访问对象的属性或方法时，使用 ? optional chaining 运算符可以避免出现对象不存在的情况，提高代码的健壮性和可读性。

总结

本文介绍了 ES2020 中全局对象 Object 的 is() 和 ? optional chaining 运算符这两个新特性的用法和指导意义。is() 方法可以更加准确地判断两个值是否相等，避免出现一些意外的结果；? optional chaining 运算符可以避免在访问对象的属性或方法时出现对象不存在的情况，提高代码的健壮性和可读性。在实际开发中，我们应该尽可能地使用这些新特性来优化我们的代码。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65793e17d2f5e1655d33d4af