禁止扩展对象

属性描述符

在我们创建一个普通对象时,对象的属性都具有隐藏的属性描述符。默认它们都是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}
相关推荐
江城开朗的豌豆4 分钟前
Vue-router方法大全:让页面跳转随心所欲!
前端·javascript·vue.js
阿蒙Amon7 分钟前
C#扩展方法全解析:给现有类型插上翅膀的魔法
开发语言·c#
江城开朗的豌豆17 分钟前
Vue路由动态生成秘籍:让你的链接'活'起来!
前端·javascript·vue.js
晓得迷路了17 分钟前
栗子前端技术周刊第 88 期 - Apache ECharts 6.0 beta、Deno 2.4、Astro 5.11...
前端·javascript·echarts
江城开朗的豌豆22 分钟前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js
江城开朗的豌豆23 分钟前
Vue路由跳转的N种姿势,总有一种适合你!
前端·javascript·vue.js
江城开朗的豌豆24 分钟前
Vue路由玩法大揭秘:三种路由模式你Pick谁?
前端·javascript·vue.js
江城开朗的豌豆24 分钟前
Vue路由守卫全攻略:给页面访问装上'安检门'
前端·javascript·vue.js
尘浮72831 分钟前
60天python训练计划----day59
开发语言·python
前端 贾公子32 分钟前
monorepo + Turborepo --- 开发应用程序
java·前端·javascript