nx-observe 库
nx-observe 是一个 140 行代码的数据绑定方案。它公开了 observable(obj)
和 observe(fn)
函数,用来创建可监听对象和监听函数。监听函数会在被监听对象的属性值发生改变的时候自动执行。如下例子演示了这个过程。
// 这是一个可观察对象
const person = observable({name: 'John', age: 20})
function print() {
console.log(`${person.name}, ${person.age}`)
}
// 创建一个监听函数
// 控制台输出 'John, 20'
observe(print)
// 控制台输出 'Dave, 20'
setTimeout(() => person.name = 'Dave', 100)
// 控制台输出 'Dave, 22'
setTimeout(() => person.age = 22, 200)
每当 person.name
或者 person.age
值改变的时候,传入 observe()
的 print
函数就会重新运行。print
被称为监听函数。
如果你想要更多的示例,可以查看 GitHub readme 或者 NX home page 以找到更多的生动的例子。