js简单观察者模式

最新推荐文章于 2022-08-13 10:19:48 发布

xing2233

最新推荐文章于 2022-08-13 10:19:48 发布

阅读量134

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/xing_____/article/details/109754882

版权

javascript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

</head>
<body>


<script>

  'use strict'
  // 通过继承实现的观察者模式
  // 将观察者注册进被观察者
  // 当被观察者a属性name改变，观察者b的属性随之改变

  // 观察者
  const a ={
    name:'a'
  }
  const c ={
    name:'c'
  }


  // 被观察者
  const b = {
  }

  let oldValue = 'b'
  Object.defineProperty(b,'name',{
    get:function(){
      return oldValue
    },
    set:function(newValue) {
      oldValue = newValue
      c.name = a.name = newValue

    }
  })

  b.name = 'bb'

  console.log(b.name,a.name,c.name);


</script>

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xing2233

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js简单观察者模式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> 'use strict' // 通过继承实现的观察者模式 // 将观察者注册进被观察者 // 当被观察者a属性name改变，观察者b的属性随之改变 /
复制链接

扫一扫