defineProperty的使用

sun_qqq

已于 2023-11-29 14:25:30 修改

阅读量102

点赞数 1

文章标签：前端 javascript 开发语言

于 2023-11-29 14:19:31 首次发布

本文链接：https://blog.youkuaiyun.com/sun_qqq/article/details/134688846

版权

文章讨论了JavaScript中使用`Object.defineProperty`时遇到的TypeError，重点解释了writable和configurable属性的关系，指出未设置configurable时，尝试修改writable会导致错误。当configurable设为true时，可以避免此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：奇怪的报错

以下代码，控制台输出结果是9527 TypeError

var employee = {};
Object.defineProperty(employee, "id", {
writable: false,
value: "9527",
});
employee.id = "9528";
console.log(employee.id);
Object.defineProperty(employee, "id", {
writable: true,
});
employee.id = "9529";
console.log(employee.id);

二：报错原因

configurable在未设置时，默认是false，即不能配置。
所以在未设置configurable时，将writable从false设为true时会报错

三：原因验证

将configurable设为true时，就可以将writable由false设置为true（不报错）

就算没有configurable: true，writable由true改为false时也不报错

var employee = {};
Object.defineProperty(employee, "id", {
    writable: true,
    value: "9527",
    // configurable: true
});
employee.id = "9528";
console.log(employee.id);
Object.defineProperty(employee, "id", {
    writable: false,
});
employee.id = "9529";
console.log(employee.id);