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

<!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>

猜你喜欢

转载自blog.csdn.net/Hgh_1997/article/details/105536897