40 lines
1.2 KiB
HTML
40 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
</head>
|
||
<body>
|
||
<script type="text/javascript">
|
||
let number = 18
|
||
let person = {
|
||
name:'Cori',
|
||
sex:'male',
|
||
// age:18
|
||
}
|
||
|
||
Object.defineProperty(person, 'age', {
|
||
// value:18,
|
||
// enumerable:true, //控制属性是否可以枚举，默认值为false
|
||
// writable:true, //控制属性是否可以被修改，默认值为false
|
||
// configurable:true, //控制属性是否可以被删除，默认值为false
|
||
|
||
// 当有人读取person的age属性时，get函数（getter）就会被调用，且返回值就是age的值
|
||
get:function(){
|
||
console.log('有人读取age属性了')
|
||
return number
|
||
},
|
||
|
||
// 当有人修改person的age属性时，set函数（setter）就会被调用，且会收到修改的具体值
|
||
set(value){
|
||
console.log('有人修改age属性了,且值是', value)
|
||
number = value
|
||
}
|
||
|
||
})
|
||
|
||
console.log(person)
|
||
</script>
|
||
</body>
|
||
</html> |