Javascriptメンバーの変数が正しく定義されていますが、未定義のエラーがあります

Question

メンバー変数のプロパティを別のメンバー変数にコピーしようとしています。どちらも同じタイプです。私は「trackChanges」呼び出すときにブラウザがエラーを示していますthis.originalDataは、実行時に知られていない理由

TypeError: Cannot read property 'hasOwnProperty' of undefined

は、誰かが言うことはできますか？

export class myClass { 

    data: IMyData; 
    originalData: IMyData; 

    trackChanges() { 
    for (const attr in this.data) { 
     if (this.originalData.hasOwnProperty(attr)) { 
     this.originalData[attr] = this.data[attr]; 
     } 
    } 
    } 

    constructor() { 
    this.data.field1 = '123'; 
    this.data.field2 = 12; 
    } 

Answer 1

あなたのコードでは、メンバー変数に値を割り当てません。 inをTypescriptで定義すると、メンバーがオブジェクトに存在することをコンパイラに伝えるだけで、宣言時にイニシャライザを使用するか、コンストラクタで、メソッドで、またはメンバの設定にアクセスして外部から値を割り当てるかが決まります：

export class myClass { 

    data: IMyData = {}; // Initialize using an object literal when declaring 
    originalData: IMyData = {}; // Initialize using an object literal when declaring 
    constructor(data: IMyData = {}) { 
     this.originalData = Object.assign({}, this.data) // Create a copy of the original and assign it to the field 
     this.data = data; // Assign data to the field 
    } 
    trackChanges() { 
     for (const attr in this.data) { 
      if (this.originalData.hasOwnProperty(attr)) { 
       this.originalData[attr] = this.data[attr]; 
      } 
     } 
    } 
} 

var myInstance = new myClass({ name: "Jon"}); 
myInstance.data = {}; // External assignment