K60至尊版狂暴引擎2.0加持：超177萬跑分?jǐn)孬@性能第一
Redmi的后性能時代戰(zhàn)略發(fā)布會今天下午如期舉辦，在本次發(fā)布會上，Redmi公布了多項關(guān)于和聯(lián)發(fā)科的深度合作，以及新機K60 Ultra在軟件和硬件方面的特性，例如：“K60 至尊版，雙芯旗艦
Hello，大家好，我是 Sunday。
今天是五一小長假的第三天，祝大家都可以五一玩的愉快 0.0
昨天，幫一位同學(xué)看了一個 bug （因為該同學(xué)要五一后找工作，所以五一期間也不能停），代碼大概是這樣的：
偽代碼
然后得到了以下的錯誤：
圖片
有經(jīng)驗的同學(xué)都知道，這個錯誤是由于 user 中的 priv 是 undefined，所以從 priv 中獲取 idCard 的時候，拋出了 Cannot read properties of undefined (reading 'idCard') 的錯誤
而想要解決這個問題，其實非常簡單，只需要進行一個判空就可以，所以我?guī)退麑懴铝诉@樣的代碼：
圖片
接下來該同學(xué)就問了我一個問題：“老師，這個 ? 是什么意思？為什么這樣就不報錯了？”
這應(yīng)該不是一個個例，我印象中有很多同學(xué)問到過這個問題，所以咱們今天就一口氣把 3 個常見的提效操作符（?.、??、??=），分享給大家，幫大家大幅提升開發(fā)效率
可選鏈運算符（?.）允許讀取位于連接對象鏈深處的屬性的值，而不必明確驗證鏈中的每個引用是否有效（是否為 undefined || null）。這也是為什么在上述的描述中，添加了 ?. 之后就不會報錯的原因
咱們以下面的這段代碼為例：
// mdn 示例：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Optional_chainingconst adventurer = { name: 'Alice', cat: { name: 'Dinah', },};const dogName = adventurer.dog?.name; // 可以簡單理解為 adventurer.dog ? adventurer.dog.name : undefinedconsole.log(dogName); // undefined使用場景： 當(dāng)我們 不確定 一個對象是否存在時，調(diào)用對象屬性，可以使用該操作符
空值合并運算符（??）是一個邏輯運算符，當(dāng)左側(cè)的操作數(shù)為 null 或者 undefined 時，返回其右側(cè)操作數(shù)，否則返回左側(cè)操作數(shù)。
以下面這段代碼為例：
// mdn 示例：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Nullish_coalescingconst foo = null ?? 'default string';console.log(foo); // "default string"有點類似與 ||（邏輯或），與邏輯或的區(qū)別在于 ?? 操作符對 0 和 '' 會判斷為真。
比如：
const baz = 0 ?? 42;console.log(baz); // 0。因為 0 在 ?? 中被判斷為 真----const baz = 0 || 42;console.log(baz); // 42。因為 0 在 || 中被判斷為 假使用場景： 當(dāng)需要把 0 或 '' 作為 真 時，使用 ?? ，否則使用 ||
邏輯空賦值運算符（x ??= y）僅在 x 是空值（null 或 undefined）時對其賦值。 以下面這段代碼為例：
// mdn 示例：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_assignmentconst a = { duration: 50 };a.duration ??= 10; // a.duration 存在，所以 不賦值console.log(a.duration); // 50 a.speed ??= 25; // a.speed 不存在，所以 賦值console.log(a.speed); // 25這個在某些場景下非常有用，比如 為定時器賦值時：
let timer = nullfunction start () { // if (!timer) { // timer = setInterval(() => { ... }) // } timer ??= setInterval(() => { ... })}使用場景： 當(dāng)你需要通過 if 判斷某個變量不存在時，才需要為該變量賦值時使用
本文鏈接：http://m.www897cc.com/showinfo-26-87037-0.html每個開發(fā)者都必須要知道的，三個JS高效運算符：?. || ?? || ??=
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請聯(lián)系：2376512515@qq.com 津ICP備18001702號
津公網(wǎng)安備 12010102000574號