如何在jQuery语句中使用Javascript构造函数方法？

Question

我不知道如何在jQuery .click方法中使用Javascript构造方法。 我正在尝试使按钮的功能根据构造函数进行动态更改。 设置如下：

<button onclick="">
</button>

需要调用一个根据另一个按钮而变化的方法。 以下是我的损坏代码：

    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);

        };
    };

我不知道如何获取$（“＃upArrow”）。click（）才能正确调用this.colorArray，或者如何在.click（）方法中调用this.addColor（）！ 请帮忙。

Answer 1

您的问题是“ this”在每个功能体中都具有不同的含义。 因此，将所需的“ this”保存到变量（例如“ self”）中并使用它。

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);
    };
};