<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Object.defineProperty()</title>
</head>
<body>
<h4>
Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。
</h4>
<div>
语法:Object.defineProperty(obj, prop, descriptor) <br/>
//obj 要在其上定义属性的对象。 <br>
//prop 要定义或修改的属性的名称。 <br>
//descriptor 将被定义或修改的属性描述符。
属性描述符有两种主要形式:数据描述符和存取描述符<br/>
<p>
数据描述符和存取描述符均具有以下可选键值:<br/>
configurable<br/>
当且仅当该属性的 configurable 为 true 时,该属性描述符才能够被改变,同时该属性也能从对应的对象上被删除。默认为 false。
enumerable<br/>
当且仅当该属性的enumerable为true时,该属性才能够出现在对象的枚举属性中。默认为 false。
</p>
<p>
数据描述符同时具有以下可选键值:<br/>
value<br/>
该属性对应的值。可以是任何有效的 JavaScript 值(数值,对象,函数等)。默认为 undefined。<br/>
writable<br/>
当且仅当该属性的writable为true时,value才能被赋值运算符改变。默认为 false。
</p>
<p>
存取描述符同时具有以下可选键值:<br/>
get<br/>
一个给属性提供 getter 的方法,如果没有 getter 则为 undefined。当访问该属性时,该方法会被执行,方法执行时没有参数传入,但是会传入this对象(由于继承关系,这里的this并不一定是定义该属性的对象)。
默认为 undefined。<br/>
set<br/>
一个给属性提供 setter 的方法,如果没有 setter 则为 undefined。当属性值修改时,触发执行该方法。该方法将接受唯一参数,即该属性新的参数值。
默认为 undefined。
</p>
</div>
</body>
<script>
</script>
</html>
编码
let time = new Date();
var info = {
time: time
}
Object.defineProperty(info,"time",{
get:function() {
console.log('获取值');
return time ? time.getTime() : new Date().getTime();
},
set(val) {
console.log('设置值');
time = new Date(val);
}
})
console.log(info.time) //获取值
info.time = 1601471600000; //设置值