js如何實(shí)現(xiàn)可選鏈

發(fā)布時(shí)間：2022-03-14 10:30:42 來源：億速云閱讀：376 作者：小新欄目：開發(fā)技術(shù)

小編給大家分享一下js如何實(shí)現(xiàn)可選鏈，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

可選鏈 ?.

我們是不是經(jīng)常遇到這樣的錯(cuò)誤： TypeError: Cannot read property ‘foo’ of null。這對每一個(gè)毅開發(fā)人員來說都是一個(gè)煩人的問題。引入可選鏈就是為了解決這個(gè)問題。一起來看看：

const book = { id:1, title: 'Title', author: null };
// 通常情況下，你會這樣做
console.log(book.author.age) // throws error
console.log(book.author && book.author.age); // null
// 使用可選鏈
console.log(book.author?.age); // undefined
// 或深度可選鏈
console.log(book.author?.address?.city); // undefined

還可以使用如下函數(shù)可選鏈：

const person = {
  firstName: '前端',
  lastName: '小智',
  printName: function () {
    return `${this.firstName} ${this.lastName}`;
  },
};
console.log(person.printName()); // '前端 小智'
console.log(persone.doesNotExist?.()); // undefined

以上是“js如何實(shí)現(xiàn)可選鏈”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

js如何實(shí)現(xiàn)可選鏈

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽