Object.defineProperty 是 JavaScript 中用于定义或修改对象属性的方法之一。它允许我们精确地控制对象属性的特性，包括可枚举性、可写性、可配置性等。
1. 基本语法
Object.defineProperty(object, propertyName, descriptor);
-
object：要在其上定义属性的对象。 -
propertyName：要定义或修改的属性的名称。 -
descriptor：属性的描述符对象，包含属性的特性。
2. 描述符对象（Descriptor Object）
描述符对象是一个普通的 JavaScript 对象，它有一些可选的键值对，用于定义属性的特性。
-
value：属性的值，默认为undefined。 -
writable：属性是否可写，默认为false。 -
enumerable：属性是否可枚举，默认为false。 -
configurable：属性是否可配置，默认为false。
3. 示例
3.1 定义可写属性
const obj = {};
Object.defineProperty(obj, 'name', {
value: 'John',
writable: true, // 可写
});
console.log(obj.name); // 输出：John
obj.name = 'Doe';
console.log(obj.name); // 输出：Doe
3.2 定义不可写属性
const obj = {};
Object.defineProperty(obj, 'name', {
value: 'John',
writable: false, // 不可写
});
console.log(obj.name); // 输出：John
obj.name = 'Doe'; // 没有影响
console.log(obj.name); // 输出：John
3.3 定义可枚举属性
const obj = {};
Object.defineProperty(obj, 'name', {
value: 'John',
enumerable: true, // 可枚举
});
for (let key in obj) {
console.log(key); // 输出：name
}
3.4 定义不可枚举属性
const obj = {};
Object.defineProperty(obj, 'name', {
value: 'John',
enumerable: false, // 不可枚举
});
for (let key in obj) {
console.log(key); // 无输出
}
3.5 定义不可配置属性
const obj = {};
Object.defineProperty(obj, 'name', {
value: 'John',
configurable: false, // 不可配置
});
delete obj.name; // 无效
console.log(obj.name); // 输出：John
4. 优缺点
4.1 优点
-
精确控制属性：
Object.defineProperty允许我们精确地控制属性的各种特性，包括可写性、可枚举性、可配置性等。 -
属性默认值： 如果不显式指定某个特性，它会取默认值。这有助于防止意外的属性变更。
-
防止误操作： 可以通过设定属性为不可写、不可配置，防止对属性的误操作。
4.2 缺点
-
繁琐： 使用
Object.defineProperty语法相对繁琐，特别是在需要定义多个属性时，可能使代码变得冗长。 -
不适合大规模应用： 当需要频繁定义多个属性时，可能不够灵活和高效。
-
兼容性： 在一些老版本的浏览器中可能存在不兼容的情况。
5. 注意事项
-
使用
Object.defineProperty时，需要注意特性之间的互斥关系，如writable与get、set互斥。 -
一旦将属性的
configurable特性设为false，就无法再将其设回true。这意味着无法删除这个属性，也无法修改它的特性。
6. 适用场景
-
属性特性定制： 当需要对属性进行精确的特性定制时，比如定义计算属性、阻止属性被遍历等。
-
兼容性处理： 在需要与旧有代码或浏览器兼容时，可以使用
Object.defineProperty进行属性特性的模拟。 -
封装性： 当需要封装对象属性，防止外部直接访问或修改时，可以使用
Object.defineProperty。 -
特殊属性： 当需要定义一些特殊属性，比如不可写、不可配置、不可枚举等时，可以使用该方法。
本文由 mdnice 多平台发布
的错误)
