优秀的编程知识分享平台

网站首页 > 技术文章 正文

我 们 都 应 该 知 道 怎 么 让 自 己 开 心

nanyue 2024-08-23 18:32:06 技术文章 6 ℃ 
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Object.defineProperty</title>
</head>
<body>
 <div class="wrap">
 <p>当前的值为: <b id="count"></b></p>
 <input type="text" onkeyup="updateValue(event)">
 <button>创建一个随机的值</button>
 </div>
 <script>
 var data= {
 count: ''
 }
 function updateValue(e) {
 data.count = e.target.value
 }
 Object.defineProperty(data, 'count', {
 get() {
 console.log(`当前时间 ${Date.now()}: 代码走到了这里 获取 count`)
 return count
 },
 set(value) {
 console.log(`当前时间 ${Date.now()}: 代码走到了这里 设置 count`, value)
 count = value
 document.querySelector('#count').innerHTML = value
 document.querySelector('input').value = value
 }
 })
 document.querySelector('button').onclick = function() {
 var random = Math.random()
 data.count = random
 }
 </script>
</body>
</html>

Tags：

猜你喜欢

最近发表
标签列表