使用对象中的setter让页面响应

迷失在广东的靓仔中了

于 2020-04-15 15:48:52 发布

阅读量201

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Hgh_1997/article/details/105536897

版权

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>setter</title>
</head>

<body>
  <div class="test">测试小明明</div>
</body>

</html>
<script>
  var newDom = document.querySelector('.test')
  const language = {
    set current(name) { // 只要数据一改变则会进来这里
      console.log(name)
      this.nameStr = name
      newDom.innerHTML = language.nameStr
    },
    nameStr: ''
  }
  setTimeout(() => { // 模拟请求数据
    language.current = '哈哈哈哈';
  }, 3000)
</script>