javascript plain object：このプロパティはどうなりますか？

Question

myGameAreaオブジェクトを見てください。キャンバスはのプロパティです。しかし、start（）メソッドを呼び出すとどうなりますか？そのプロパティは現在のプロパティ、幅と高さにあるように見えます。キャンバスのプロパティは失われますか？オブジェクトですか？誰かがそれを説明できますか？おかげ

var myGameArea = { 
    canvas : document.createElement("canvas"), 
    start : function() { 
     this.canvas.width = 480; 
     this.canvas.height = 270; 
     this.context = this.canvas.getContext("2d"); 
     document.body.insertBefore(this.canvas, document.body.childNodes[0]); 
    } 
} 

Answer 1

オブジェクトがmyGameAreaとcanvasであるが、それのプロパティです。

キャンバスプロパティは失われません。あなたが正しく行った通りthis.canvasstart()の中からアクセス可能です。 canvasプロパティにも、それ自体のプロパティーがあります。widthとheightです。

あなたが確認するために、この例ではconsole.log出力を表示することができます。

https://jsfiddle.net/dfq4Lnho/

startを使用せずにこれを行うために：

https://jsfiddle.net/dfq4Lnho/1/ 

var myGameArea = function() { 
    this.canvas = document.createElement("canvas"); 
    this.canvas.width = 480; 
    this.canvas.height = 270; 
    this.context = this.canvas.getContext("2d"); 
    document.body.insertBefore(this.canvas, document.body.childNodes[0]); 
} 

myGameArea.prototype.somethingElse = function() { 
    console.log('this is a method of myGameArea'); 
    console.log(this.canvas); // access this.canvas here too! 
} 

var tmp = new myGameArea(); 
console.log(tmp.canvas); 
tmp.somethingElse();