前端 - Vue2 里为什么不在 Object.defineProperty 的get 函数里进行属性递归？

Question

Vue2 里为什么不在 Object.defineProperty 的get 函数里进行属性递归？
如果这样设计的话，在初始化阶段对深度嵌套的对象是一种优化。

类似这样

function isObject(val) {  return typeof val === "object" && val !== null;}function observe(obj) {  for (let key in obj) {    let val = obj[key];        Object.defineProperty(obj, key, {      get: function () {        console.log("触发 getter");        if (isObject(val)) {          observe(val);        }        return val;      },      set: function (newVal) {        console.log("触发 setter", newVal);        val = newVal;      },    });  }}

Answer 1

性能问题，每次递归整个对象非常耗性能，递归层次太深的话递归调用栈可能会溢出，时机也不太对放在 getter 里只有读的时候才会观察子对象，会漏掉其他更新还有延迟，还有就是，每次读的时候观察子对象，这样会重复观察，浪费资源，vue2的设计团队肯定是经过了权衡才定的。