javascript - 生成按钮并使用构造函数添加方法

Question

我正在尝试使用构造函数进行练习。我编写了一个在运行时创建按钮并向这些按钮添加一些方法的函数。

$(function () {

    $('#generateNew').on('click', function () {
        new VerySpecialButton();
    })


    var globalNumberCounter = 0,
        $holder = $('#buttonHolder');

    function VerySpecialButton() {

        thisButton = this;

        this.number = globalNumberCounter++;

        this.specialEvent = function () {
            alert(thisButton.number)
        }

        this.$button = $('<button>')
            .text('Button[' + thisButton.number + ']')
            .on('click', thisButton.specialEvent)
            .appendTo($holder)
    }

})

单击任何按钮时，我希望此按钮提醒其编号。但是每个按钮都会提醒最后创建的按钮编号。

如果你检查这个FIDDLE，你会清楚地理解我的意思。 .

谁能帮我找出我哪里错了。

谢谢。

Answer 1

不要将thisButton设置为全局变量:

SEE jsFiddle

var thisButton = this;