小編給大家分享一下JavaScript的空值合并運(yùn)算符是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)建站服務(wù)項(xiàng)目包括鳳岡網(wǎng)站建設(shè)、鳳岡網(wǎng)站制作、鳳岡網(wǎng)頁制作以及鳳岡網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，鳳岡網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到鳳岡省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

今年ECMAScript 2020（ES2020）將發(fā)布！自 2015 年 ECMAScript 2015（ES6）發(fā)布以來，我們每年都對 JavaScript 語言進(jìn)行更新。

目錄

• 使用 JavaScript 空值合并運(yùn)算符
• 使用實(shí)例
• 空值合并運(yùn)算符與邏輯或（||）
• 瀏覽器支持
• 總結(jié)

在ES2020中，我們獲得了在其他語言中（ 如 C# 和 PHP）早已可用的功能：空值合并運(yùn)算符。我一直喜歡這個(gè)名字，因?yàn)槊慨?dāng)我說這個(gè)名字時(shí)，都會覺得自己很聰明。

空值合并運(yùn)算符將會遍歷列表，并返回第一個(gè)不是  null  或  undefined 的值。

重要的是要注意，空值合并運(yùn)算符僅查找 null 或 null 值。空值合并運(yùn)算符接受虛值（Falsy values）。

使用 JavaScript 空值合并運(yùn)算符（??）

讓我們看一些例子。請記住，JavaScript 的空值合并運(yùn)算符將遵循 ?? 鏈，直到找到非空或未定義的對象。如果找到 false，它將返回該值。

null      ?? 'hi'       // 'hi'
undefined ?? 'hey'      // 'hey'

false     ?? 'hola'     // false
0         ?? 'bonjour'  // 0
'first'   ?? 'second'   // first

在下面的例子中，我們在變量中存儲了一些值：

let person  // <-- person is undefined here

person ?? { name: 'chris' }       // { name: 'chris' }

const isActive = false

isActive ?? true             // false

鏈接 JavaScript 的空值合并運(yùn)算符

JavaScript 的空值合并運(yùn)算符的妙處在于，我們可以根據(jù)需要將其進(jìn)行多次鏈接。

null ?? undefined ?? false ?? 'hello'     // false
null ?? '' ?? 'hello'                     // ''

使用實(shí)例

可以在從外部來源獲取數(shù)據(jù)時(shí)使用。比如我們想從多個(gè)地方抓取博客的文章。然后可以確定哪個(gè)文章將會成為我們的精選帖子：

// 簡化代碼。 使用 fetch requires 需要比這更多的代碼
const firstBlogPost = await fetch('...')
const secondBlogPost = await fetch('...')
const defaultBlogPost = { title: 'Default Featured Post' }

const featuredBlogPost = firstBlogPost ?? secondBlogPost ?? defaultBlogPost

如果不確定某些值是否存在，上面是設(shè)置默認(rèn)值的好方法。

空合并運(yùn)算符與邏輯或（||）

如果要消除虛值，可以用 邏輯或運(yùn)算符 （||）。

本質(zhì)上，它與空合并運(yùn)算符的作用相同，只是它消除了虛值。

• 空值合并運(yùn)算符將跳過 null，undefined
• 邏輯或運(yùn)算符會跳過 null，undefined，false

false ?? 'hello'    // false
false || 'hello'    // 'hola'

如果你不想用要虛值，可以使用 ||。如果只想檢查是否為 null 或 undefined，就用 ??。

瀏覽器支持

在撰寫本文時(shí)，最新版本的 Chrome、Firefox、Edge 和 Safari 可以使用空值合并運(yùn)算符。

以上是“JavaScript的空值合并運(yùn)算符是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞標(biāo)題：JavaScript的空值合并運(yùn)算符是什么
本文鏈接：http://chinadenli.net/article38/gegosp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、定制開發(fā)、Google、網(wǎng)站導(dǎo)航、虛擬主機(jī)、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)