js中对象的两种属性

32次阅读

javaScript对象 属性分为数据属性和 访问器 属性;2. 数据属性包含实际值,具有 value、writable、enumerable 和 configurable 特性;3. 访问器属性通过 get 和 set 方法控制读写,不直接存储值;4. 使用Object.defineProperty 可定义两类属性的特性;5. 数据属性用于存储,访问器属性用于逻辑控制,提升对象安全性与灵活性。

js 中对象的两种属性

javascript 中对象的属性可以分为两种:数据属性和访问器属性。它们在行为和配置上有明显 区别,理解这两种属性有助于更好地控制对象的行为。

数据属性

数据属性是包含一个实际值的属性。我们平时最常见的对象属性就是数据属性。比如:

const obj = {name: 'Alice'};

这里的 name 就是一个数据属性。它有以下四个特性:

  • value:属性的实际值,如 ‘Alice’
  • writable:决定该属性的值是否可被修改
  • enumerable:决定该属性是否出现在 for…in 循环
  • configurable:决定该属性是否可以被删除或修改其特性

可以通过 Object.defineProperty() 显式定义这些特性:

js 中对象的两种属性

标书对比王

标书对比王是一款标书查重工具,支持多份投标文件两两相互比对,重复内容高亮标记,可快速定位重复内容原文所在位置,并可导出比对报告。

js 中对象的两种属性58

查看详情 js 中对象的两种属性

Object.defineProperty(obj, 'age', {   value: 25,   writable: true,   enumerable: true,   configurable: true});

访问器属性

访问器属性本身不存储值,而是通过 getter 和 setter 来读取或设置其他属性的值。它也有四个特性,但关注的是函数而非值:

  • get:获取属性时调用的函数
  • set:设置属性时调用的函数
  • enumerable:是否可枚举
  • configurable:是否可配置

示例:

const person = {firstName: 'John',   lastName: 'Doe'};  Object.defineProperty(person, 'fullName', {   get() {return this.firstName + '' + this.lastName;},   set(value) {[this.firstName, this.lastName] = value.split(' ');   },   enumerable: true,   configurable: true });

现在访问 person.fullName 会触发 get 方法,赋值则触发 set 方法。

基本上就这些。数据属性用于存储值,访问器属性用于拦截读写操作,实现逻辑控制。合理使用两者可以让对象更安全、更灵活。

站长
版权声明:本站原创文章,由 站长 2025-11-01发表,共计1107字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
1a44ec70fbfb7ca70432d56d3e5ef742
text=ZqhQzanResources