Object.defineProperty(),描述符的默认值为false的误解

探讨了在JavaScript中使用Object.defineProperty方法时,属性描述符configurable、enumerable和writable的默认值是否为false的问题。通过具体示例,解释了在不同情况下这些属性的默认行为,揭示了书中描述与实际运行结果之间的差异。

——《JavaScript高级程序设计》第3版 P140

参考文章:Object.defineProperty()默认值是false的误解——mukti

var person = {
  name : "zhangsan",
  age: 18
}
Object.defineProperty(person,"name",{
  value: "lisi"
});
delete person.name;
console.log(person.name); // undefined

并没有设定描述符configurable,但delete生效了,说明此时configurable默认值为true。这与书中前文吻合。

但后面说了这样一句话:在调用 Object.defineProperty()方法时,如果不指定, configurable、 enumerable 和writable 特性的默认值都是 false。

这句话结合文中相关代码:

var person = {};
Object.defineProperty(person, "name", {
configurable: false,
value: "Nicholas"
});

//抛出错误
Object.defineProperty(person, "name", {
configurable: true,
value: "Nicholas"
});

区别是:person对象的初始化,有无name属性。前面name属性已经设定,描述符默认值为true;后面没有,默认值为false。

<think>我们正在讨论Object.defineProperty的使用方法。根据引用内容,我们可以总结如下: 引用[1]展示了使用Object.defineProperties一次定义多个属性的方法,并创建了一个包含两个属性a和b的对象,这两个属性都是不可写、不可枚举、不可配置的(因为只指定了value,其他特性默认为false)。 引用[2]展示了使用Object.defineProperty修改一个已存在对象的属性。注意,Object.defineProperty的返回值就是传入的第一个参数(即要定义属性的对象),所以obj1和newObj是同一个对象。 引用[3]指出了Object.defineProperty的一个缺陷:它必须预先劫持属性,对于后添加的属性无法监听,而Proxy可以代理整个对象,因此可以捕获后续添加的属性。 根据用户的问题,他想了解Object.defineProperty的使用方法。因此,我们需要详细讲解该方法的使用,包括参数、属性描述符的种类(数据描述符和存取描述符)以及各个配置项的含义。 同时,我们可以通过代码示例来演示如何使用。 最后,按照要求,我们需要生成相关问题。 下面是我的回答: </think>### Object.defineProperty 使用方法详解 `Object.defineProperty()` 是 JavaScript 中用于精确控制对象属性的方法,通过属性描述符实现。以下是核心使用方法和注意事项: #### 一、基础语法 ```javascript Object.defineProperty(obj, prop, descriptor) ``` - **obj**:目标对象 - **prop**:要定义/修改的属性名 - **descriptor**:属性描述符对象 #### 二、属性描述符类型 1. **数据描述符**(控制值本身): ```javascript const obj = {}; Object.defineProperty(obj, 'fixedValue', { value: 42, // 属性值 writable: false, // 禁止修改(默认false) enumerable: true, // 可枚举(默认falseconfigurable: false // 禁止删除/重定义(默认false) }); console.log(obj.fixedValue); // 42 obj.fixedValue = 100; // 静默失败(严格模式报错)[^2] ``` 2. **存取描述符**(控制读写行为): ```javascript let _internal = 0; Object.defineProperty(obj, 'counter', { get() { console.log("读取值"); return _internal; // 通过闭包存储实际值 }, set(newVal) { console.log("设置值"); if(newVal > 0) _internal = newVal; }, enumerable: true }); obj.counter = 10; // 触发setter console.log(obj.counter); // 触发getter → 10 ``` > ⚠️ **关键限制**:`get/set` 和 `value/writable` 不可共存[^1]。 #### 三、批量定义属性 使用 `Object.defineProperties()` 定义多个属性: ```javascript const obj = {}; Object.defineProperties(obj, { x: { value: 1, writable: true }, y: { get() { return this.x * 2; } // 计算属性 } }); console.log(obj.y); // 2 (当x=1时)[^1] ``` #### 四、返回值特性 方法返回原始对象(非拷贝),与原对象严格相等: ```javascript const obj1 = { name: 'Alice' }; const obj2 = Object.defineProperty(obj1, 'age', { value: 30 }); console.log(obj1 === obj2); // true [^2] ``` #### 五、实际应用场景 1. **实现只读属性**: ```javascript const config = {}; Object.defineProperty(config, 'API_KEY', { value: 'secret123', writable: false, configurable: false }); ``` 2. **数据验证**: ```javascript const user = { name: 'Bob' }; Object.defineProperty(user, 'age', { set(value) { if (!Number.isInteger(value)) throw new Error('年龄需为整数'); this._age = value; }, get() { return this._age; } }); ``` #### 六、重要注意事项 1. **默认值规则**: - 未指定 `writable`、`enumerable`、`configurable` 时默认为 `false` - 示例:`{ value: 1 }` 等效于 `{ value:1, writable:false, enumerable:false, configurable:false }` 2. **响应式系统局限**: - 无法检测新增属性(需手动调用 `Vue.set`) - 无法监听数组索引变化(Vue2 需重写数组方法)[^3] > 💡 **最佳实践**:优先使用存取描述符实现复杂逻辑,数据描述符适合简单常量。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值