Phân tích ghi lồng nhau trong Immutable.js

Question

Giả sử tôi đã Records sau được xác định bằng Immutable.js:

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

Làm thế nào để chuyển đổi đối tượng đồng bằng javascript vào kỷ lục tài khoản? Tôi đã thử các sau đây nhưng nó không cho kết quả mong đợi:

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

Tôi biết rằng nó có thể tạo ra một cách rõ ràng kỷ lục Địa chỉ:

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

Nhưng đó không phải là giải pháp tôi đang tìm kiếm . Hãy tưởng tượng bạn có Records lồng nhau nhiều cấp độ sâu và muốn lưu trữ/lấy dữ liệu dưới dạng JSON (ví dụ: trong cơ sở dữ liệu). Tôi muốn sử dụng cấu trúc bản ghi Người dùng thực tế làm thông tin lược đồ để tạo lại các bản ghi lồng nhau. Hoặc có cách nào tốt hơn để thể hiện dữ liệu không thay đổi được cấu trúc lồng nhau không?

Answer 1

Mục đích sử dụng Cấu trúc bản ghi không phải là để xác minh cấu trúc của dữ liệu được cung cấp, chỉ để xác định bộ khóa được phép và cung cấp giá trị mặc định nếu chúng không được cung cấp.

Vì vậy, sử dụng ví dụ của bạn, nếu bạn khởi tạo các bản ghi mà không cung cấp địa chỉ, bạn sẽ nhận được các đối tượng Immutable.Record thích hợp cho Địa chỉ:

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

Một hackish cách để đạt được những gì bạn muốn sẽ được viết một wrapper trên Immutable.fromJS phương pháp với tùy chỉnh reviver chức năng:

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); 
} 

Sau đó, bạn có thể sử dụng nó như thế này:

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

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

Tuy nhiên nếu bạn muốn có thích hợp kiểm tra cấu trúc dữ liệu của bạn, tôi sẽ khuyên bạn nên sử dụng Immutable.js cùng với một số loại tĩnh trình kiểm tra, như http://flowtype.org/ hoặc http://www.typescriptlang.org/

Answer 2

Bạn có thể làm User lớp con định nghĩa Record và phân tích address trong constructor:

import {Record} from 'immutable' 

const Address = Record({street: '', city: '', zip: ''}); 
class User extends Record({name: '', address: new Address()}) { 
    constructor({name, address} = {}) { 
    super({name, address: new Address(address)}) 
    } 
} 

const user = new User({ 
    name: 'Andy', 
    address: { 
    street: 'wherever', 
    city: 'Austin', 
    zip: 'TX' 
    } 
}) 

console.log(user) 
console.log('user.address instanceof Address:', user.address instanceof Address) 

const user2 = new User({name: 'Bob'}) 

console.log(user2) 
console.log('user2.address instanceof Address:', user2.address instanceof Address) 

Output:

User { "name": "Andy", "address": Record { "street": "wherever", "city": "Austin", "zip": "TX" } } 
user.address instanceof Address: true 
User { "name": "Bob", "address": Record { "street": "", "city": "", "zip": "" } } 
user2.address instanceof Address: true