前端每日一題（10.23題目+10.22答案）

Proxy 相比 defineProperty 的優(yōu)勢在哪里

Vue3.x 改用 Proxy 替代 Object.defineProperty

原因在于 Object.defineProperty 本身存在的一些問題：

• Object.defineProperty 只能劫持對象屬性的 getter 和 setter 方法。
• Object.definedProperty 不支持?jǐn)?shù)組(可以監(jiān)聽數(shù)組,不過數(shù)組方法無法監(jiān)聽自己重寫)，更準(zhǔn)確的說是不支持?jǐn)?shù)組的各種 API(所以 Vue 重寫了數(shù)組方法。

而相比  Object.defineProperty，Proxy 的優(yōu)點(diǎn)在于：

• Proxy 是直接代理劫持整個對象。
• Proxy 可以直接監(jiān)聽對象和數(shù)組的變化，并且有多達(dá) 13 種攔截方法。

目前，Object.definedProperty 唯一比 Proxy 好的一點(diǎn)就是兼容性，不過 Proxy 新標(biāo)準(zhǔn)也受到瀏覽器廠商重點(diǎn)持續(xù)的性能優(yōu)化當(dāng)中。