Typescript：プライベート変数を使用してJSONオブジェクトを逆シリアル化する方法

Question

私はこのコードを経由してオブジェクトを保存し、次のtypescriptですモデルオブジェクトuser

export class User { 

constructor(
    private _name: string, 
    private _email: string 
) {} 


public get name():string { 
    return this._name; 
} 

public set name(value:string) { 
    this._name = value; 
} 

get email():string { 
    return this._email; 
} 

set email(value:string) { 
    this._email = value; 
} 

} 

を持っている：

let user = new User('myName', 'myEmail'); 
localStorage.setItem('user', JSON.stringify(user)); 

私はローカルストレージに見える場合は、次の文字列があります：

{"_name":"myName","_email":"myEmail"} 

は、

ユーザーオブジェクトを再度取得するにはどうすればよいですか？

let user: User = JSON.parse(localStorage.getItem('user')); 
console.log(user.name); // logs undefined. Should log 'myName' 
console.log(user._name); // this logs 'myName'. But according to the typescript documentation this should NOT work! 

これは、オブジェクトに格納されているアンダースコアと何か関係があると思います。 オブジェクトを正しく受信するにはどうすればよいですか？

Answer 1

モデルには、いくつかのシリアライズおよびデシリアライズメソッドを実装する必要があります。

class User { 
    static public deserialize(serialized) { 
     const {name, email} = JSON.parse(serialized); 
     return new User(name, email); 
    }  

    constructor(
     private _name: string, 
     private _email: string 
    ) {} 


    public get name():string { 
     return this._name; 
    } 

    public set name(value:string) { 
     this._name = value; 
    } 

    get email():string { 
     return this._email; 
    } 

    set email(value:string) { 
     this._email = value; 
    } 

    public serialize() { 
     return JSON.stringify({name: this.name, email: this.email}); 
    } 

} 

let user = new User('myName', 'myEmail'); 
localStorage.setItem('user', user.serialize()); 

let user1: User = User.deserialize(localStorage.getItem('user'));