avaScript 一句台詞會讓您看起來像個專業人士

今天我們將討論一些 JavaScript 的酷技巧。這些不僅僅是隨機的程式碼駭客攻擊——它們是真正的解決方案，可以認真清理您的程式設計。

1. 物件屬性簡寫

還記得我們寫出每個屬性的老式 JavaScript 時代嗎？

const name = 'Sarah';
const age = 28;
const user = { name: name, age: age };

這裡有一個更好的方法：

const user = { name, age };

那些需要重複的笨拙台詞已經一去不復返了。

2. 在沒有臨時變數的情況下交換變數

需要交換兩個變數？使用這個：

[a, b] = [b, a];

當你第一次看到這個時，你會多看兩眼。數組解構將變數交換變成了看起來好得令人難以置信的東西。沒有臨時變量，沒有複雜的邏輯——只有純粹、優雅的程式碼​​。

3. 空合併運算子：你的新好朋友

還記得寫那些冗長的預設值檢查嗎？

const userPreference = input !== null && input !== undefined ? input : 'default';

現在酷孩子們是這樣做的：

const userPreference = input ?? 'default';

這個小??操作員讓我擺脫了很多頭痛。只有當值為 null 或未定義時，它才會回退到預設值 - 而不是當它為 0 或空字串時。

4.終極陣列重複資料刪除

如果你想讓你的陣列獨一無二，請執行以下操作：

const unique = [...new Set(array)];

如果是在我們使用循環之前，但現在我只是微笑著並在需要時傳播該集合。

5. 像老闆一樣轉換為布林值

而不是寫 value === true 或 Boolean(value)。

這裡有一個更好的方法：

const isTrue = !!value;

那些雙感嘆號可能看起來你對某件事真的很興奮，但它們實際上是在做一些聰明的類型強制。

6. 真正有意義的快速數字轉換

如果要將字串轉換為數字？暫時忘記 parseInt() 吧，使用它：

const number = +'42';

那個孤獨的加號在這裡完成了所有繁重的工作，它準確地將字串數字轉換為數字。

7. 平滑算子（可選鏈）

不要再這樣做：

const userCity = user && user.address && user.address.city;

更好的方法：

const userCity = user?.address?.city;

這感覺就像 JavaScript 終於理解了我們的痛苦並決定對此做點什麼。

底線

編碼快捷鍵不僅僅意味著更少的擊鍵次數。

它們是關於編寫更聰明、更有目的性的軟體。這些技術將普通開發人員與優秀編碼人員區分開來。明智、謹慎、有目的地使用它們。

偉大的程式碼會講述一個故事。它應該清晰、有力、優雅。不要只追求簡潔 - 追求理解。

就這些了，現在告訴我你最喜歡的 JavaScript 技巧是什麼？

與我分享，即使您在閱讀本文之前就已經知道了。

以上是avaScript 一句台詞會讓您看起來像個專業人士的詳細內容。更多資訊請關注PHP中文網其他相關文章！