IIFEのコンストラクタ内で 'This'を使用する

Question

私は小さなレトロスタイルのサイドスクロールスペースシューティングゲーム（またはそれはとにかく理論です）に取り組んでいます。最近、私の別の 'クラス'。

しかし、私が見た例のほとんどは、変数を宣言するときにvarを使用する傾向があります（例：var x = 0）。私は考えていますが、this.x = 0を使用することは可能ですか？その場合、何か利点や欠点はありますか？

私はグーグルで試してみましたが、その件についてはあまり見つからないため、問題ではないと思うようになりました。

私のクラスは以下の通りです。

var Player = function() { 
    // ------------------------------------------------------------------------------------------------ 
    // PLAYER VARIABLES 
    // ------------------------------------------------------------------------------------------------ 
    var w = 50; 
    var h = 50; 
    var x = 0; 
    var y = 0; 
    var color = 'white'; 
    var projectiles = []; 

    // ------------------------------------------------------------------------------------------------ 
    // BIND EVENTS TO THE GLOBAL CANVAS 
    // ------------------------------------------------------------------------------------------------ 
    Canvas.bindEvent('mousemove', function(e){ 
     y = (e.pageY - Canvas.element.getBoundingClientRect().top) - (h/2); 
    }); 

    Canvas.bindEvent('click', function(e){ 
     createProjectile(50, (y + (h/2)) - 10); 
    }); 

    // ------------------------------------------------------------------------------------------------ 
    // FUNCTIONS 
    // ------------------------------------------------------------------------------------------------ 
    var createProjectile = function(x, y){ 
     projectiles.push({ 
      x: x, 
      y: y 
     }) 
    }; 

    var update = function(){ 
     for(var p = projectiles.length - 1; p >= 0; p--){ 
      projectiles[p].x += 10; 

      if(projectiles[p].x > Canvas.element.width)projectiles.splice(p, 1); 
     } 
    }; 

    var render = function() { 
     Canvas.context.fillStyle = color; 
     Canvas.context.fillRect(x, y, w, h); 
     console.log(projectiles.length); 

     for(var p = 0; p < projectiles.length; p++){ 
      Canvas.context.fillStyle = 'red'; 
      Canvas.context.fillRect(projectiles[p].x, projectiles[p].y, 20, 20); 
     } 
    }; 

    // ------------------------------------------------------------------------------------------------ 
    // Exposed Variables and Functions 
    // ------------------------------------------------------------------------------------------------ 
    return{ 
     update: update, 
     render: render 
    } 
}(); 

Answer 1

任意の利点や欠点がありますか？

の欠点は、（thisがundefinedあるので）strictモードで、あなたはランタイムエラーを取得することです。 非厳密モードで
、thisはwindowを参照しますので、this.x = ...は、（あなたは私が推測する最初の場所で生命維持に避けたいものです）グローバル変数を作成します。

利点はありません。