如何用JavaScript的defineProperty实现长尾词属性劫持？

本文共计1922个文字，预计阅读时间需要8分钟。

目录+前言+描述符+get 和 set+保持对象的某个属性+保持对象的所有属性+保持对象的所有属性+-+包含对象类型的属性+defineProperty 的缺陷+defineProperty 还可以挂载属性+defineProperty 还可以写入属性+

目录

• 前言
• 描述符
• 细说get 和 set
• 劫持对象的某个属性
• 劫持对象的所有属性
• 劫持对象的所有属性 - 包括对象类型的属性值
• defineProperty的缺陷
• defineProperty还可以挂载属性
• defineProperty还能写日志
• 总结

前言

defineProperty是vue实现数据劫持的核心，本文一点点的说明defineProperty怎么实现属性劫持的。

其实我们一般的操作对象属性的方式，增加或者修改属性，均可以使用Object.defineProperty。

let obj = {}; // 寻常操作：增加/修改 新属性 obj.a = 1; // 等同于： Object.defineProperty(o, "a", { value: 1, writable: true, configurable: true, enumerable: true });

当然寻常的例子，我们是不会这么玩的，太啰嗦了。

但defineProperty可以更精确地添加或修改对象的属性。