理解 ES11 的个别链式调用-JavaScript中文网-JavaScript教程资源分享门户

引言

ES11（也称为 ECMAScript 2020）是 JavaScript 的最新标准之一，它引入了新的语言特性和功能。其中，个别链式调用是一项重要的新特性。

在本文中，我们将详细介绍 ES11 中的个别链式调用，以及它的应用场景和使用方法。希望通过本文能够加深读者对该特性的理解和掌握。

什么是个别链式调用

个别链式调用（Optional Chaining，又称为安全导航符）是 ES11 中引入的一种新特性，它能够简化链式调用的代码，避免因为中间某个属性值为 null 或 undefined 而导致程序出错。

在 ES11 之前，我们需要使用繁琐的语法来保证链式调用的安全性：

if (obj && obj.foo && obj.foo.bar) {
  // do something with obj.foo.bar
}

而现在，我们可以使用个别链式调用来达到同样的效果：

if (obj?.foo?.bar) {
  // do something with obj.foo.bar
}

该语法中的问号 ? 表示如果该属性值存在，则继续访问该属性，否则直接返回 undefined。因此，它可以保证链式调用的安全性，同时还能使代码更加简洁易读。

示例代码

下面是一个使用个别链式调用的示例代码：

// javascriptcn.com 代码示例
let person = {
  name: 'Alice',
  address: {
    city: 'Shanghai',
    street: 'Nanling Road'
  }
};

let city = person?.address?.city;
console.log(city); // 'Shanghai'

let phone = person?.contact?.phone;
console.log(phone); // undefined

在该例中，我们使用了个别链式调用来访问 person 对象的 address.city 属性和 contact.phone 属性。由于 contact 对象不存在，因此 phone 变量最终的值为 undefined。

应用场景

个别链式调用通常用于以下场景：

访问对象的深层属性时，可以避免访问不存在的属性而导致程序出错；
调用对象的方法时，可以避免调用不存在的方法而导致程序出错；
处理 API 返回的嵌套数据时，可以避免处理不存在的属性而导致程序出错。

使用方法

个别链式调用在实际开发中非常实用，但需要注意以下几个使用方法：

1. 使用问号 `?`

个别链式调用的核心是使用问号 ? 表示属性或方法是否存在。请注意，该问号必须跟在属性或方法的后面才能生效，否则会报错。

2. 仅支持对象和数组

个别链式调用仅支持对象和数组的访问，不支持基本数据类型的访问。因此，在访问字符串、数字等基本数据类型时，仍然需要使用繁琐的语法来保证安全性。

3. 不支持函数调用

个别链式调用仅支持属性的访问，不支持函数调用。因此，在使用个别链式调用时，如果需要调用对象的方法，仍然需要使用传统的语法来调用函数。

总结

个别链式调用是一个非常有用的 ES11 新特性，它能够简化链式调用的代码，避免因为中间某个属性值为 null 或 undefined 而导致程序出错。在实际开发过程中，我们可以根据具体的场景合理使用该特性，从而提高代码的可读性和健壮性。

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

理解 ES11 的个别链式调用

引言