js中对象的两种属性-js教程-PHP中文网

js中对象的两种属性

舞夢輝影

发布： 2025-11-01 09:14:02

原创

974人浏览过

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() 显式定义这些特性：

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

登录后复制

访问器属性

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

企业信使2.0

企业信使是一个集多种短信业务功能和管理功能于一体的短信服务多功能运营平台，具有稳定可靠、模块化、开放性、灵活性等特点，它既适用于各行业企业集团做行业短信信应用（集团客户），也适合于短信信第五媒体运营公司（短信信媒体业务公司）对外提供服务运营。平台支持内容提供商（CP）或集团客户的合作，如短信互动业务；手机报新闻服务；气象台、票中心、交警提供信资讯服务；商场开展客户调查及促销活动等等；同时支持媒体公

查看详情

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 方法。

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

以上就是js中对象的两种属性的详细内容，更多请关注php中文网其它相关文章！