28 lines
704 B
HTML
28 lines
704 B
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>数据代理</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<!-- 数据代理： 通过一个对象代理另一个对象中属性的操作（读/写） -->
|
|||
|
|
<script type="text/javascript" >
|
|||
|
|
let obj1 = {
|
|||
|
|
x:100
|
|||
|
|
}
|
|||
|
|
let obj2 = {
|
|||
|
|
y:200
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Object.defineProperty(obj2,'x',{ //往obj2身上添加一个x属性，其值为obj1的x属性值
|
|||
|
|
get(){
|
|||
|
|
return obj1.x
|
|||
|
|
},
|
|||
|
|
set(value){
|
|||
|
|
obj1.x = value
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|