javascript对象如何创建_有哪些属性描述符

JavaScript创建对象有字面量、构造函数、Object.create()、class和工厂函数五种方式；属性描述符分数据型（value/writable）和存取型（get/set），含configurable、enumerable等通用字段，用于精细控制属性行为。

JavaScript 中创建对象有多种方式，每种方式适用于不同场景；而属性描述符则用于精细控制对象属性的行为，比如是否可修改、是否可枚举、是否可配置等。

常见对象创建方式

最常用、最基础的创建方式包括：

• 对象字面量：最简洁直观，适合创建单个简单对象。
  const obj = { name: "Alice", age: 30 };
• 构造函数（new Object()）：语义明确但冗长，日常较少用。
  const obj = new Object(); obj.name = "Alice";
• Object.create()：显式指定原型，适合需要自定义原型链的场景。
  const proto = { sayHi() { return "Hi!"; } }; const obj = Object.create(proto);
• 类（class）语法：ES6 引入，本质仍是基于原型的构造函数，适合面向对象建模。
  class Person { constructor(name) { this.name = name; } }
• 工厂函数：返回新对象，避免 new 和 this 问题，常用于封装创建逻辑。
  function createPerson(name) { return { name, getName() { return this.name; } }; }

属性描述符类型

每个对象属性都有对应的描述符，分为两类：

• 数据描述符：具有 value 和 writable，用来定义普通属性值和写权限。
  例如：Object.defineProperty(obj, 'age', { value: 25, writable: false });
• 存取描述符：具有 get 和 set，用于拦截读写操作，实现响应式或计算属性。
  例如：Object.defineProperty(obj, 'fullName', { get() { return this.first + ' ' + this.last; } });

二者不可混用——不能同时设置 value 和 get，否则会报错。

立即学习“Java免费学习笔记（深入）”；

MCP市场

中文MCP工具聚合与分发平台

211

查看详情

通用描述符字段

所有描述符都可能包含以下可选字段：

• configurable：为 false 时，该属性不能被删除，也不能再次修改其描述符（如从数据描述符改为存取描述符）。
• enumerable：为 false 时，该属性不会出现在 for...in、Object.keys() 或 JSON.stringify() 中（即“隐藏”属性）。
• writable：仅对数据描述符有效；为 false 时，无法通过赋值改变其 value（严格模式下会报错）。
• value：数据描述符的值，默认为 undefined。
• get / set：存取描述符的访问器函数，必须成对出现或都不出现（get 可单独存在，set 不可单独存在）。

如何查看和设置描述符

使用内置方法操作描述符：

• Object.getOwnPropertyDescriptor(obj, key)：获取单个属性的完整描述符对象。
• Object.defineProperty(obj, key, descriptor)：定义或修改单个属性的描述符（注意：只能用于已存在的对象，且 configurable: false 后不可再改）。
• Object.defineProperties(obj, descriptors)：批量定义多个属性描述符。
• Object.getOwnPropertyDescriptors(obj)：获取对象所有自身属性的描述符，常用于浅拷贝时保留属性特性（配合 Object.create() 或 Object.assign() 的替代方案）。

注意：直接赋值（如 obj.x = 1）创建的属性，默认是 { writable: true, enumerable: true, configurable: true }；而通过 Object.defineProperty 创建的属性，默认 configurable 和 enumerable 为 false，writable 依描述符类型而定。

基本上就这些。理解创建方式帮你选对起点，掌握描述符才能真正掌控属性行为——不复杂但容易忽略。

以上就是javascript对象如何创建_有哪些属性描述符的详细内容，更多请关注php中文网其它相关文章！