javascript - 在 Immutable.js 中解析嵌套记录

Question

假设我使用 Immutable.js 定义了以下记录:

var Address = Immutable.Record({street: '', city: '', zip: ''});
var User = Immutable.Record({name: '', address: new Address()});

如何将纯 javascript 对象转换为用户记录？我尝试了以下但它没有产生预期的输出:

var user = new User({name: 'Foo', address: {street: 'Bar', city: 'Baz'}});
// => Record { "name": "Foo", "address": [object Object] }

我知道可以显式创建地址记录:

var user = new User({name: 'Foo', address: new Address({street: 'Bar', city: 'Baz'})});
// => Record { "name": "Foo", "address": Record { "street": "Bar", "city": "Baz", "zip": "" } }

但这不是我正在寻找的解决方案。想象一下，您有多层嵌套的 Records 并希望将数据存储/检索为 JSON(例如在数据库中)。我想使用实际的用户记录结构作为重新创建嵌套记录的模式信息。或者是否有更好的方法来表示嵌套和结构化的不可变数据？

Answer 1

Record 结构的预期用途不是验证所提供数据的结构，只是确定允许的键集并在未提供时提供默认值。

因此使用您的示例，如果您在不提供地址的情况下初始化记录，您将获得地址的正确 Immutable.Record 对象:

var user = new User({name: 'Foo'});
// => Record { "name": "Foo", "address": Record { "street": "", "city": "", "zip": "" } }

一种骇人听闻的方法是在Immutable.fromJS 方法上编写一个带有自定义reviver 函数的包装器: p>

Immutable.Record.constructor.prototype.fromJS = function(values) {
  var that = this;
  var nested = Immutable.fromJS(values, function(key, value){
    if(that.prototype[key] && that.prototype[key].constructor.prototype instanceof Immutable.Record){return that.prototype[key].constructor.fromJS(value)}
    else { return value }
  });
  return this(nested);
}

然后你可以像这样使用它:

var user = User.fromJS({name: 'Foo', address: {street: 'Bar', city: 'Baz'}});

// => User { "name": "Foo", "address": Record { "street": "Bar", "city": "Baz", "zip": "" } }

但是，如果您想正确检查您的数据结构，我建议您将 Immutable.js 与一些静态类型检查器结合使用，例如 http://flowtype.org/或 http://www.typescriptlang.org/