js实现属性只读

2024-09-30 10:52:03

第一种 Object.defineProperty

这种是在vue源码中看见的

let obj = {

  $data: {}

};

Object.defineProperty(obj, '$data', {

  get() {

    return this;

  },

  set() {

    return console.warn('只读属性不能修改');

  }

})

第二种使用闭包实现

使用场景：团队协作开发的时候，没有详细的文档规范，防止队友误操作。

const Ds = (function () {

  const obj = {

    $data: {

      a:1

    }

  }

  class Ds {

    get() {

      return obj;

    }

  }

  return new Ds();

})()

console.log(Ds.get());

console.log(Ds.obj); // undefind

demo地址: js实现属性只读

最新文章

热门文章