1. 可選鏈式調用：人生苦短，沒時間用 if 檢查

厭倦了寫這種亂七八糟的代碼？

if (user && user.profile && user.profile.image) {  console.log(user.profile.image);}

來試試可選鏈式調用吧：

console.log(user?.profile?.image);

太棒了！更簡潔，更安全。

處理 null 或 undefined 而不會崩潰。

無法避免糟糕的數據結構選擇。

2. 像拆圣誕禮物一樣解構一切

為什么要寫這個？

const name = user.name;const age = user.age;

何時可以寫：

const { name, age } = user;

嵌套解構的加分點：

const { profile: { image, bio } } = user;

它簡潔、優雅，還能讓你免去編寫八百萬次 .profile 代碼的麻煩。

3. 短路：別再寫無用的 if 語句了

想要賦默認值？

別這么做：

if (!name) {  name = 'Anonymous';}

更酷：

name ||= 'Anonymous';

或者

const username = name || 'Anonymous';

這就像 JavaScript 在低聲說：“兄弟，我懂你了?！?/span>

4. 擴展運算符：因為復制粘貼是原始人的專利

需要復制對象或數組嗎？

與其這樣：

const copy = Object.assign({}, obj);

嘗試一下這個魔法：

const copy = { ...obj };

需要合并嗎？

const finalUser = { ...defaults, ...userInput };

就這樣，你成了現代巫師。

5. 數組方法 > For 循環。來挑戰我吧！

還在用 2009 年的風格寫 for 循環嗎？

for (let i = 0; i < arr.length; i++) {  total += arr[i];}

為什么？

const total = arr.reduce((sum, n) => sum + n, 0);

需要過濾嗎？

const active = users.filter(u => u.active);

Map？Sorted？Every？Some？用它們，愛上它們。

如果你不鏈接數組方法，那你還算 JavaScript 嗎？

6. 記憶化：加速高開銷調用，且不至于崩潰

繁重的函數拖慢了你的速度？

使用記憶化：

const memo = {};function expensive(n) {  if (memo[n]) return memo[n];  console.log('Calculating...');  const result = n * 1000; // Pretend this is heavy  memo[n] = result;  return result;}

現在，每個輸入只需計算一次。高效、懶惰、聰明。

7. IIFE：點擊前先包裝

需要立即運行一次嗎？

與其創建一個無用的函數并稍后調用，不如：

(function () {  // Do something})();

是的，這很老套。但仍然很厲害。尤其是在腳本或模塊中，這些地方作用域很重要。

另外——清理你的全局命名空間。

8.別再用 var 了，這個十足的怪物

除非你用 IE6 寫代碼是為了好玩，否則別再用 var 了。

現在是 2025 年了，我們有 let 和 const，好好利用它們，尊重塊級作用域。

最后，請認真對待代碼，JavaScript 很靈活，說實話，太靈活了。

它能讓你寫出精彩、干凈的代碼……或者寫出一堆 setTimeout 和 var 地獄。

這些 hack？它們可不僅僅是語法糖。它們能讓你從“這是什么鬼東西？”變成“哇，代碼真棒”。所以，繼續吧——重構那個龐然大物的文件。加入一些可選鏈式調用，徹底廢除擴展運算符，讓未來的自己為你感到驕傲吧。