Vue3.0为什么使用Proxy实现双向绑定

  1. Object.defineProperty只能劫持对象的属性,而Proxy是直接代理对象
    由于Object.defineProperty只能对属性进行劫持,需要遍历对象的每个属性。而Proxy可以直接代理对象。
  2. Object.defineProperty对新增属性需要手动进行Observe, 由于Object.defineProperty劫持的是对象的属性,所以新增属性时,需要重新遍历对象,对其新增属性再使用Object.defineProperty进行劫持。 也正是因为这个原因,使用 Vue 给data中的数组或对象新增属性时,需要使用vm.$set才能保证新增的属性也是响应式的。
  3. Proxy支持13种拦截操作,这是defineProperty所不具有的。
  4. 新标准性能红利
    Proxy作为新标准,长远来看,JS引擎会继续优化Proxy,但gettersetter基本不会再有针对性优化。
  5. Proxy兼容性差 目前并没有一个完整支持Proxy所有拦截方法的Polyfill方案

你可能感兴趣的:(前端面试精选)