禁止扩展对象

属性描述符

在我们创建一个普通对象时,对象的属性都具有隐藏的属性描述符。默认它们都是true。

javascript 复制代码
var obj = {
    a: 123
  }

在obj对象属性a中包含了以下属性描述符:

  • writable

writable决定是否可以修改属性的

javascript 复制代码
  var obj = {}
  Object.defineProperty(obj, 'a', {
    value: 123,
    writalbe: false
  })
  obj.a = 234 // 在严格模式下这种修改会报错
  console.log(obj.a); // 123
  • enumerable

决定这个属性是否可枚举

javascript 复制代码
  var obj = {
    b: 234,
    c: 897
  }
  Object.defineProperty(obj, 'a', {
    value: 123,
    enumerable: false
  })
  for (let key in obj) {
    console.log(key); // b、c
  }
  • configurable

configurable决定这个属性是否可配置

javascript 复制代码
  var obj = {
    a: ''
  }
  Object.defineProperty(obj, 'a', {
    value: 123,
    writable: false,
    configurable: false
  })
  Object.defineProperty(obj, 'a', {
    writable: true
  })
  /*
  *Cannot redefine property: a
    at Function.defineProperty (<anonymous>)
    at test.html:28:10
  */

对象的禁止扩展方式

  • Object.preventExtensions

preventExtensions禁止向对象添加新的属性(可以配置、修改属性、删除属性)

javascript 复制代码
​
  var obj = {
    a: 234
  }
  Object.preventExtensions(obj)
  obj.b = 456
  console.log(obj);

​
  • Object.seal

这个方法实际上会在现有的对象上调用Object.preventExtensions,除了不可添加新的属性还不可以配置属性、删除属性。(可以修改属性)

javascript 复制代码
  var obj = {
    a: 234
  }
  Object.seal(obj)
  obj.a = 123
  delete obj.a
  console.log(obj); // {a:123}
  • Object.freeze

这个属性会创建一个冻结对象,会在现有的对象上调用Object.seal并把 所有的属性标记为writable:false,无法修改它们。

javascript 复制代码
  var obj = {
    a: 234
  }
  Object.freeze(obj)
  obj.a = 123
  console.log(obj); // {a:234}
相关推荐
mCell10 小时前
GSAP ScrollTrigger 详解
前端·javascript·动效
gnip10 小时前
Node.js 子进程:child_process
前端·javascript
codingandsleeping16 小时前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
白水清风17 小时前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
用户221520442780017 小时前
new、原型和原型链浅析
前端·javascript
阿星做前端17 小时前
coze源码解读: space develop 页面
前端·javascript
叫我小窝吧17 小时前
Promise 的使用
前端·javascript
前端康师傅19 小时前
JavaScript 作用域
前端·javascript
云枫晖19 小时前
JS核心知识-事件循环
前端·javascript
eason_fan20 小时前
Git 大小写敏感性问题:一次组件重命名引发的CI构建失败
前端·javascript