JavaScript对象有哪些独特特性？

JavaScript对象特性及源码详解

JavaScript中的对象是属性的集合，而每个属性都有其独特的特性，这些特性决定了属性的行为以及可以对属性进行的操作，以下是对JS对象特性及其源码的详细介绍：

对象和属性的特性

1、可扩展性：

对象的可扩展性是指是否可以为对象添加新属性，默认情况下，JavaScript 对象是可扩展的，但可以通过Object.preventExtensions() 方法将对象设置为不可扩展。

示例代码：

“`javascript

let obj = {};

Object.preventExtensions(obj);

“`

2、原型对象：

每个对象都有一个关联的原型对象（prototype），通过原型可以实现继承机制，可以使用Object.getPrototypeOf() 获取对象的原型，使用Object.setPrototypeOf() 设置对象的原型。

示例代码：

“`javascript

function Person(name) {

this.name = name;

}

let person = new Person("Cece");

console.log(Object.getPrototypeOf(person)); // Person {}

“`

3、属性的特性：

属性的特性包括是否可写（writable）、是否可枚举（enumerable）、是否可配置（configurable）等。

属性描述符用于表示属性的特性，可以是数据属性或访问器属性，数据属性包含值本身、是否可写、是否可枚举、是否可配置；访问器属性包含 getter 方法和 setter 方法，以及是否可枚举和是否可配置。

示例代码：

“`javascript

let obj = {};

Object.defineProperty(obj, ‘property1’, {

value: 42,

writable: true,

enumerable: true,

configurable: true

});

“`

相关API和方法

1、定义和修改属性：

Object.defineProperty() 方法用于定义或修改对象的属性，接收三个参数：对象、属性名和属性描述符。

Object.defineProperties() 方法用于一次定义或修改多个属性，接收两个参数：对象和属性名到属性描述符的映射对象。

示例代码：

“`javascript

let obj = {};

Object.defineProperty(obj, ‘property1’, {

value: 42,

writable: true,

enumerable: true,

configurable: true

});

“`

2、查询属性描述符：

Object.getOwnPropertyDescriptor() 方法用于获取指定属性的描述符，返回一个包含属性特性的对象。

示例代码：

“`javascript

let obj = {};

Object.defineProperty(obj, ‘property1’, {

value: 42,

writable: true,

enumerable: true,

configurable: true

});

console.log(Object.getOwnPropertyDescriptor(obj, ‘property1’));

// {value: 42, writable: true, enumerable: true, configurable: true}

“`

3、控制对象的扩展性：

Object.preventExtensions() 方法使对象变为不可扩展。

Object.isExtensible() 方法判断对象是否可扩展。

Object.seal() 方法使对象不可扩展且自身属性不可配置。

Object.freeze() 方法在Object.seal() 的基础上使自身值属性只读。

示例代码：

“`javascript

let obj = {};

Object.preventExtensions(obj);

console.log(Object.isExtensible(obj)); // false

“`

相关问题与解答

问题1：为什么需要使用Object.defineProperty() 而不是直接赋值？

答：Object.defineProperty() 提供了更细粒度的控制，允许你定义或修改属性的特性，如是否可写、是否可枚举、是否可配置等，而直接赋值只能创建常规属性，无法控制这些特性。Object.defineProperty() 还可以用于定义存取器属性，通过 getter 和 setter 方法实现更复杂的逻辑。

问题2：如何确保一个对象的属性不会被意外修改或删除？

答：可以使用Object.freeze() 方法冻结对象，使其所有属性变得只读且不可配置，这样，任何尝试修改或删除属性的操作都会失败。

let obj = { a: 1, b: 2 };
Object.freeze(obj);
obj.a = 3; // 无效操作
delete obj.b; // 无效操作
console.log(obj.a); // 1
console.log(obj.b); // 2