javascript中的属性描述符是什么_如何配置属性?

5次阅读

属性描述符是javaScript中定义对象属性行为的配置项,分为数据描述符(含value/writable)和访问器描述符(含get/set),共用enumerable和configurable字段,通过Object.defineProperty等方法设置,默认值需特别注意。

javascript中的属性描述符是什么_如何配置属性?

属性描述符是 javascript 中用于定义对象属性行为的一组配置项,它决定了属性是否可读、可写、可枚举、可配置,以及它的值或访问器函数。通过描述符,你可以精细控制属性的特性,比如让某个属性变成只读、不可删除,或者定义 getter/setter。

数据描述符 vs. 访问器描述符

属性描述符分为两类,不能混用:

  • 数据描述符:有 valuewritable,用来定义普通属性的值和写权限;
  • 访问器描述符:有 getset,用来定义 getter/setter 行为,没有 valuewritable

每个描述符还共用两个基础字段:enumerable(是否出现在 for...inObject.keys() 中)和 configurable(是否能被删除、是否能修改描述符本身)。

用 Object.defineProperty 配置单个属性

这是最直接的方式,适用于精确控制一个属性:

立即学习Java免费学习笔记(深入)”;

javascript中的属性描述符是什么_如何配置属性?

Mureka

Mureka是昆仑万维最新推出的一款AI音乐创作工具,输入歌词即可生成完整专属歌曲。

javascript中的属性描述符是什么_如何配置属性? 1091

查看详情 javascript中的属性描述符是什么_如何配置属性?

const obj = {};  // 数据描述符:只读、不可枚举、不可配置 Object.defineProperty(obj, 'PI', {   value: 3.14159,   writable: false,   enumerable: false,   configurable: false });  // 访问器描述符:带逻辑的 age 属性 let _age = 25; Object.defineProperty(obj, 'age', {   get() { return _age; },   set(val) { if (val > 0) _age = val; },   enumerable: true,   configurable: true });

用 Object.defineProperties 批量配置多个属性

适合初始化对象时统一设置多个属性的描述符:

const person = {}; Object.defineProperties(person, {   name: {     value: 'Alice',     writable: true,     enumerable: true,     configurable: true   },   birthYear: {     get() { return 1990; },     enumerable: false,     configurable: false   } });

查看现有属性的描述符

Object.getOwnPropertyDescriptor 查看单个属性的完整描述符:

const obj = { x: 1 }; Object.defineProperty(obj, 'y', { value: 2, writable: false });  console.log(Object.getOwnPropertyDescriptor(obj, 'x')); // { value: 1, writable: true, enumerable: true, configurable: true }  console.log(Object.getOwnPropertyDescriptor(obj, 'y')); // { value: 2, writable: false, enumerable: true, configurable: true }

注意:普通对象字面量创建的属性默认都是 writable: trueenumerable: trueconfigurable: true;而使用描述符显式定义时,未指定的字段会默认为 false(比如只写 value,其他三个就都是 false)。

基本上就这些。描述符不复杂但容易忽略默认值差异,尤其是 configurable: false 后无法再改回 true,也删不掉该属性——这点要特别小心。

以上就是

text=ZqhQzanResources