JavaScriptオブジェクトに変数を作成するとき、新しい変数を追加する場所をコードがどのように認識していますか？

Question

私はJavaScriptコースを勉強していますが、私はコンソールにログアウトするときにコードがオブジェクトのプロパティの上にageの値を含むことをどのように知っているのですか？ここでの教訓からのコードは次のとおりです。

var john = { 
    name: 'John', 
    lastName: 'Smith', 
    yearOfBirth: 1990, 
    job: 'teacher', 
    isMarried: false, 
    family: ['Jane', 'Mark', 'Bob'], 
    calculateAge: function() { 
     this.age = 2016 - this.yearOfBirth; 
    } 
}; 

john.calculateAge(); 
console.log(john); 

私が正しく理解していれば、私はこのラインでage変数を作成します。

this.age = 2016 - this.yearOfBirth; 

私は私のコンソールで見てみると、ageプロパティとその値がありますオブジェクトのプロパティの上で述べた。このプレゼンテーションを決定する要因は何ですか？

Answer 1

例ではage変数はありません。このライン：

this.age = 2016 - this.yearOfBirth; 

はjohn変数が参照するオブジェクトにプロパティageを追加します。

オブジェクトのプロパティは、になりません。つまり、プログラムの中ではageのプロパティは他のものにはないということです。また、はを確認できないことを意味します。for..inのような反復構造を使用する場合は、ageが先頭になります。

私は私のコンソールで見てみると、年齢変数とその値は、オブジェクトのプロパティの上 記載されています。

console.logを使用してオブジェクトを表示すると、アルファベット順にキーを並べ替える書式設定が使用されます。 xgeのように別の名前を使用してみると、下に近いところに出力されることがわかります。

Answer 2

は、あなたが見ることができるように、以下のあなたは、変数の年齢を作成し、この

var john = { 
 
name: 'John', 
 
lastName: 'Smith', 
 
yearOfBirth: 1990, 
 
job: 'teacher', 
 
isMarried: false, 
 
family: ['Jane', 'Mark', 'Bob'], 
 
calculateAge: function() { 
 
console.log('#1', this); 
 
this.age = 2016 - this.yearOfBirth; 
 
console.log('#2', this); 
 
} 
 
}; 
 

 
john.calculateAge(); 
 
console.log(john);