didSet in Javascript:在变量被改变时调用函数

Question

在Javascript中是否有等效于SwiftdidSet？基本上，在变量更改时自动调用函数。这样做的目的是不必每次都调用函数，如下所示：

var x = someType()
x.behavior = newBehavior
alterBehavior(x, newBehavior)
function alterBehavior(var,behavior) { // change behavior of var }

我可以做

var x = someType()
someType didSet { // change behavior of var }
x.behavior = newBehavior

这是一个微不足道的例子，但对于我的用例来说，每次更改每个子属性时，这将为我节省大量时间/函数调用。

Answer 1

Javascript 没有完全相同的等价物。

您可以使用代理模拟等效的东西，这是一个较低级别的 API

const target = { 
hello: "world", 
didSet: (oldVal, newVal) => {
console.log('oldVal =>', oldVal, 'newVal =>', newVal)
}
}
const pseudoTarget = new Proxy(target, {
set(object, prop, val) {
const oldVal = object[prop]
object[prop] = val
if (typeof object.didSet === "function") {
object.didSet(oldVal, val)
}
}
})

现在，当您设置属性时，将在存在时调用 didSet 函数。

pseudoTarget.hello = "new world"
VM544:4 oldVal => world newVal => new world
"new world"

对于现实世界的项目，您可能希望使用更高级别的库，例如：MobX。