Javascriptでオブジェクトのプロパティが 'undefined'を返す

Question

HTML5キャンバスのパーティクルシステムの初期段階で直ちに問題が発生します。 Particleクラスオブジェクトのプロパティを取得しようとすると、undefinedが返され、その理由がわかりません！

class Particle { 
    contructor(context, width, height) { 
    this.x = width/2; 
    this.y = height/2; 
    this.radius = Math.random() * 5 + 5; 
    } 
}; 

var App = { 
    canvas: document.getElementById('canvas'), 
    ctx: canvas.getContext('2d'), 
    initialize: function() { 
    this.canvas.width = window.innerWidth; 
    this.canvas.height = window.innerHeight; 
    }, 
    draw: function() { 
    var P = new Particle(this.ctx, this.canvas.width, this.canvas.height); 

    alert(P.x); // Why does this return undefined? 

    this.ctx.beginPath(); 
    this.ctx.arc(P.x,P.y,P.radius,0,2*Math.PI); 
    this.ctx.stroke() 
    } 
}; 

App.initialize(); 
App.draw(); 

Answer 1

私はあなたは自分のParticleクラスのコンストラクタで愚かなタイプミスがあると思う：それはconstructorをお読みください。例えば：

class Particle { 
    constructor(context, width, height) { 
     ... 
    } 
}; 

あなたはが実際にあなたP変数を初期化していなかったので、すべてのプロパティは、デザインによってundefinedです。