どのようにjQueryステートメントでJavascriptコンストラクターメソッドを使用しますか？

Question

jQueryの.clickメソッドでJavascriptコンストラクタメソッドを使用する方法を理解できません。私は、ボタンの機能をコンストラクタに基づいて動的に変更するようにしようとしています。ここに設定があります：

<button onclick=""> 
</button> 

は、別のボタンに応じて変更するメソッドを呼び出す必要があります。以下は私の壊れたコードです：私は$（「＃UPARROW」）を取得する方法を見つけ出すことはできません

function GloveMode (name , array) { 

     this.colorArray = array; 

     this.displaySettings = function(){ 

      //Title 
      $("#displayTitle").text(this.name); 
      //Display Color Set 
      $("#displayColors").empty(); 


      //Totally Broken 
      $("#upArrow").click(function(){ 

       addColor(); 

      }); 

     }; 

     this.addColor = function(){ 

      console.log(this.colorArray.length); 

     }; 
    }; 

）（正しくthis.colorArrayを呼び出すために、またはthis.addColorを呼び出す方法）（クリックしてください.click（）メソッドで！助けてください。

Answer 1

あなたの問題は、「これ」は各機能体で異なることを意味します。したがって、必要な「this」を変数に保存します。 "自己"とそれを使用します。

function GloveMode (name , array) 
{ 
    var self = this; 
    this.colorArray = array; 
    this.displaySettings = function() 
    { 
     //Title 
     $("#displayTitle").text(this.name); 
     //Display Color Set 

     $("#displayColors").empty(); 

     //Totally Broken 
     $("#upArrow").click(function() 
     { 
     self.addColor(); 
     }); 

    }; 

    this.addColor = function() 
    { 
     console.log(self.colorArray.length); 
    }; 
};