JS Object.getOwnPropertyDescriptor()和Object.defineProperty()

最新推荐文章于 2025-08-06 16:42:26 发布

weixin_30664539

最新推荐文章于 2025-08-06 16:42:26 发布

阅读量110

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/princeding/p/4436618.html

本文详细解析了ECMAScript5中对象属性的特性，通过使用Object.getOwnPropertyDescriptor()和Object.defineProperty()方法，展示了如何获取和修改属性的可写、可枚举、可配置等特性，并提供了实例演示。

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

ECMAScript 5 对对象属性进行了重新定义。除了原有的 property：value外，还增加了一些用于标识该属性是否可写，可枚举，可配置的特性。为此引入了两个新方法：Object.getOwnPropertyDescriptor()和Object.defineProperty()。

<script>
var person ={ name:"Hai" }; //定义一个新对象
var personName = Object.getOwnPropertyDescriptor(person,"name"); //获取name属性身上的特性
console.log(personName);  //输出为{value: "Hai", writable: true, enumerable: true, configurable: true}
var personToString = Object.getOwnPropertyDescriptor(person,"toString"); //注意这里的Own,它的意思是只能获取对象本身自有的属性的特性
console.log(personToString); //因为toString()是Object的方法，是继承来的，所以返回undefined
Object.defineProperty(person,"name",{writable:false}); //修改name属性的可写特性为false，则不可以对name重新赋值
personName = Object.getOwnPropertyDescriptor(person,"name"); //再次获取name属性的特性
console.log(personName); //{value: "Hai", writable: false, enumerable: true, configurable: true}
person.name = "dingding"; //强行修改name
console.log(person.name); //这里仍然输出 “Hai”
</script>