Typescript中的自定义对象更改跟踪

Question

我需要实现对任何对象状态的更改跟踪。 我将如何实现它？

例如：

let complexObject = { 
    /// ... mant many arrays and propertiess 
} 

let hash = convertToHash(complexObject) 

let trackingArray = [] 

trackingArray.push(hash); 

/// what from here and how to imlement it? 

Answer 1

我会建议你使用https://facebook.github.io/immutable-js/当你改变一些东西，你会得到一个新的对象。这将比创建哈希效率更高，因为您不需要迭代整个对象图。

此外，它在内部共享一些内存，因此比存储完整克隆效率更高。

Answer 2

假设您正在实施用于撤销/重做功能的更改跟踪。

一种方法是在每次调用动作时使用不可变对象并存储在栈旧对象上。

为了捕捉对象的变化，您可以使用https://en.wikipedia.org/wiki/Command_pattern或REDX（在反应中广泛流行，implementation for angular）。