この内部オブジェクトを参照する

Question

オブジェクト内の変数にアクセスする際に問題があります。

変数にアクセスしようとすると、定義されていません。

私のコードは次のようになります。

var app = { 
    data: function() { 
    this.labels = [1, 2, 3, 4, 5]; 
    }, 
    barChartData: { 
    labels: this.labels, // this is undefined 
    datasets: [{ 
     data: this.data1 // this is undefined 
    }, { 
     data: this.data2 // this is undefined 
    }] 
    }, 

    }, 
    init: function() { 
    this.data(); 
    } 
} 
app.init(); 

Answer 1

私はあなたのコード内でずっとに

}, 

を持っていることがわかりました。作業コードは次のとおりです。

var app = { 
    data: function(){ 
    this.barChartData.labels = [1, 2, 3, 4, 5]; 
    this.barChartData.data1 = [1, 2, 3, 4, 5]; 
    this.barChartData.data2 = [1, 2, 3, 4, 5]; 
    }, 
    barChartData:{ 
     labels: [], 
     datasets: [{ 
      data: [] 
     }, { 
      data: [] 
     }]  
    }, 

    init: function() { 
    this.data(); 
    } 
} 
app.init(); 
console.log(app.barChartData.labels); 

最初の悪いコードは残念です。これは配列を操作して初期化します。

Answer 2

注文が間違っていたことを指摘してくれたoliv37に感謝します。

var app = { 
    data: function() { 
    this.labels = [1, 2, 3, 4, 5]; 
    this.data1 = [1, 2, 3, 4, 5]; 
    this.data2 = [1, 2, 3, 4, 5]; 
    }, 
    barChartData: function() { 
    data = { 
     labels: this.labels, 
     datasets: [{ 
     data: this.data1 
     }, { 
     data: this.data2 
     }] 
    } 
    }, 
    init: function() { 
    this.data(); 
    this.barChartData(); 
    } 
} 
app.init();