是否因为默认值写成了 a || defaultVal,导致使用者传入空字符串时被误判为 “未传”？

function setVolume {
return vol || 50;// 使用者传入 0、'' 时会被错误覆盖
}

正解：

function setVolume {
return vol?，50;// 只有 null / undefined 才使用默认值
}

坑在哪：||/&& 与 ?‍， 不能直接混用，需要用括号分隔。

. 逻辑赋值三件套：?‍，=/||=/&&=

常见痛点：每次都要先判断再赋值，代码冗余。

// 示例
let count = 0;count ||= 10;不过，// count 为 falsy 时赋值
count?，= 5;// count 为 null/undefined 时赋值
let user = { name: "小不" };话说回来，user.name &&= " " + user.name;// truthy 时加前缀

坑在哪：If you confuse || and ?‍，empty strings,false and 0 will be overwritten by ||=.

. 终极类型判断：Object.prototype.toString.call

# 痛点 # : 用 。得到的竟然是 “object”，导致数组检测失误。

function getType {
return Object.prototype.toString.call.slice;// 'Array','Date'。...
}
console.log);// Array
console.log);// Null
console.log);// RegExp

Pitfall：.

. —— 比 靠谱

# 痛点 # : 在多窗口环境下你的 instanceof 检查总是返回 false。

Array.isArray;// true
Array.isArray;其实，// false

The reason is that each frame has its own global constructors。so instanceof Array may be false across frames.

. 单例模式：ES Module 本身就是

# 痛点 # : 每次 new Config 都产生新的实例，导致状态不一致。

class Config { constructor { /* ... */ } } Config.instance = null;Config.getInstance = => { if Config.instance = new Config; return Config.instance; }， 为 ES Module： js // config.js export default { apiBase: "https://api.example.com",// ... }; Pitfall: CommonJS require caches exported object reference,so mutable state can leak across modules if you're not careful.

. 策略模式：消灭 if/else 嵌套

# 痛点 # : 大量 if/else 嵌套让代码难以维护和

// 烂写法 function calc { if return a + b;else if return a - b;话说回来，else if return a * b;else if return a / b; else throw new Error;} 至于改为查表，js const ops = { add的观点是。=>a+b,sub: =>a-b,mul: =>a*b,div: =>a/b,};function calc{ const fn = ops;if throw new Error;return fn，} Pitfall： Without TypeScript type constraints。misspelled keys only surface at runtime.

. 观察者模式：EventEmitter 实现

# 痛点 # : 多组件之间通信时手动维护回调列表容易忘记解绑，引发内存泄漏。

js class Emitter{ constructor{ this.listeners = new Map;} on{ if) this.listeners.set;老实说，this.listeners.get.push;} emit{ ||).forEach);} off{ const arr=this.listeners.get;if this.listeners.set);} } 使用示例的观点是，js const bus = new Emitter;bus.on)，bus.emit; Pitfall： Forgetting off leads to memory leaks;consider using lightweight libraries like mitt for production.

. Proxy 模式：比 更灵活的只读视图

# 痛点 # : 想让对象只读但又想保留部分可写属性时 `freeze` 太死板。

js function readonly{ return new Proxy(obj,{ set{ throw new Error;},deleteProperty{ throw new Error;} })，按理说，} const config = readonly;config.api = "x";// Error Pitfall： Proxy 并未真正冻结原对象。直接操作原对象仍然可以修改，需要递归包装实现深只读。按理说，

. 装饰器模式：函数版 AOP

# 痛点 # : 想在函数执行前后插入日志、计时或鉴权。却不想改动原函数实现，

js function withLog{ const wrapped=function{ console.log;const result=fn;console.log，说起来，return result;}，Object.defineProperty;return wrapped;} const add=withLog=>a+b);add，// 调用: add 返回: 3 Pitfall装饰器会改变函数的 name 属性。调试时栈信息可能丢失，需要手动恢复。

📦 收个尾 🎁

• 最高频踩坑： 可选链与逻辑与混用、Nullish 合并误用 OR、结构化克隆浅拷贝、catch 吞错等。
• 最值得收藏： 策略模式查表、`Object.prototype.toString.call` 的终极类型检测。怎么说呢，
• 主要思路： 能让语言帮你自动完成的事。就别自己手写，

写到最终 📝

想要啥技巧？评论区甩个题目过来～

• 你刚踩的坑？老实说，
• 项目里反复写的代码片段？
• 一直懒得查的 API？

小不看到…未必回 😂 毕竟代码里翻车太多，腾不出手～