走廊语法是 ES7 中的一个新特性，它可以让我们更方便地处理深层嵌套的属性和方法。
什么是走廊语法？
走廊语法又称为可选链操作符，它的作用是在对象的属性链上安全的访问属性，避免了传统的判断属性是否存在的代码冗余。
在使用走廊语法之前，我们需要使用类似于下面的代码来判断对象的属性是否存在：
if (obj && obj.property1 && obj.property1.property2) {
// do something
}而在使用走廊语法后，我们可以像下面这样简单地访问属性：
if (obj?.property1?.property2) {
// do something
}如上代码中的 ?. 即为走廊语法，用来判断属性是否存在。如果访问的属性存在，就会返回属性的值；如果不存在，则会返回 undefined。
走廊语法的优势
走廊语法的优势主要体现在以下几个方面：
简化代码：传统的判断属性是否存在需要多层嵌套，代码冗长。使用走廊语法可以使代码更加简明。
避免异常：当需要访问的属性不存在时，传统代码会抛出 TypeError 异常。而使用走廊语法，会在访问不存在的属性时返回
undefined，避免了异常的抛出。检查数组长度：在处理数组时，我们通常需要判断数组的长度再进行遍历。在使用走廊语法时，我们可以直接访问数组的长度属性，避免再次判断数组的长度。
支持函数调用：走廊语法不仅仅支持对象属性的访问，还支持函数的调用，可以简化一些复杂的函数调用代码。
走廊语法的学习与指导意义
学习走廊语法需要先熟悉 ES6 的一些新特性，如箭头函数、模板字面量、对象字面量等。在使用走廊语法时，我们需要理解对象属性的访问和 undefined 的含义。
走廊语法的使用方式简洁明了，可阅读性强，能够简化代码。但过度使用走廊语法也会导致代码可读性下降，建议在使用时遵循简洁明了的原则。
示例代码
下面是一个使用走廊语法的示例代码，通过访问对象的属性来判断购物车中某个商品的数量是否足够：
-- -------------------- ---- -------
----- ---- - -
------ -
-
--- --
----- --------
--------- -
--
-
--- --
----- --------
--------- -
-
-
--
----- ------ - --
-- ----------------------- -- ------- --- ----------------- - -- -
---------------- -------- -- ------------- -- ----------
- ---- -
---------------- -------- -- ------------- -- --- ----------
-上述代码中，我们使用了走廊语法来判断购物车中的商品数量是否足够。在访问数组的 find 方法时，使用了走廊语法来避免访问不存在的属性，并通过访问 quantity 属性来判断商品数量是否足够。
总结
走廊语法是 ES7 中的一个新特性，它可以让我们更方便地处理深层嵌套的属性和方法。在使用走廊语法时，我们需要理解对象属性的访问和 undefined 的含义，并根据情况选择合适的方式使用走廊语法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6487d86c48841e9894663336