nx-observe 库

nx-observe 是一个 140 行代码的数据绑定方案。它公开了 observable(obj)observe(fn) 函数,用来创建可监听对象和监听函数。监听函数会在被监听对象的属性值发生改变的时候自动执行。如下例子演示了这个过程。

  1. // 这是一个可观察对象
  2. const person = observable({name: 'John', age: 20})
  3. function print() {
  4. console.log(`${person.name}, ${person.age}`)
  5. }
  6. // 创建一个监听函数
  7. // 控制台输出 'John, 20'
  8. observe(print)
  9. // 控制台输出 'Dave, 20'
  10. setTimeout(() => person.name = 'Dave', 100)
  11. // 控制台输出 'Dave, 22'
  12. setTimeout(() => person.age = 22, 200)

每当 person.name 或者 person.age 值改变的时候,传入 observe()print 函数就会重新运行。print 被称为监听函数。

如果你想要更多的示例,可以查看 GitHub readme 或者 NX home page 以找到更多的生动的例子。