ES11 的可选链式调用符号是什么?
随着 JavaScript 语言的不断发展和演进,变得越来越强大和丰富,从 ES6 开始,我们已经看到了很多新的语言特性,这些特性使得我们能够更加高效,更加简洁地编写代码。而在 ES11 中引入了一个非常实用的特性,就是可选链式调用符号,也就是 ?.。
什么是可选链式调用符号?
可选链式调用符号是一种新的语法,它使得在访问对象属性的时候避免了出现错误,尤其是当对象不存在时。这个符号是一个问号跟着一个点,例如 obj?.prop。
如何使用可选链式调用符号?
在使用可选链式调用符号时,如果访问属性的对象不存在,则返回 undefined。例如,假设我们有以下代码:
const person = { name: 'John', address: { city: 'New York' } };
我们想要获取 person 对象的地址,可以使用以下代码:
const city = person.address?.city;
如果 person 对象的 address 属性存在,则返回 person.address.city 的值,否则 city 会被赋值为 undefined。
代码示例:
const person = { name: 'John', address: { city: 'New York' } };
const city = person.address?.city; console.log(city); // 输出 'New York'
const address2 = person.address2?.city; console.log(address2); // 输出 undefined
指导意义:
可选链式调用是一种非常实用的技术,在处理对象嵌套的情况时非常方便。但是需要注意的是,它仅仅是一个语法糖,它不能解决一切问题。
在使用可选链式调用时,我们需要注意检查对象是否存在,否则可能会出现不必要的错误。因此,建议在使用可选链式调用时,先检查对象是否存在,然后再使用可选链式调用符号。
总结:
ES11 的可选链式调用符号是一种既实用又简单的技术,它让我们在访问嵌套对象时能够避免出现访问不存在属性的错误。通过对该技术的学习和掌握,能够提高代码的健壮性和稳定性,同时也能够提高代码的可读性和可维护性。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64dd9a33f6b2d6eab38d5691