小编给大家分享一下js如何实现可选链,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
可选链 ?.
我们是不是经常遇到这样的错误: TypeError: Cannot read property ‘foo’ of null。这对每一个毅开发人员来说都是一个烦人的问题。引入可选链就是为了解决这个问题。一起来看看:
const book = { id:1, title: 'Title', author: null };// 通常情况下,你会这样做console.log(book.author.age) // throws errorconsole.log(book.author && book.author.age); // null// 使用可选链console.log(book.author?.age); // undefined// 或深度可选链console.log(book.author?.address?.city); // undefined
还可以使用如下函数可选链:
const person = { firstName: '前端', lastName: '小智', printName: function () { return `${this.firstName} ${this.lastName}`; },};console.log(person.printName()); // '前端 小智'console.log(persone.doesNotExist?.()); // undefined
以上是“js如何实现可选链”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!