javascript - ローカル この変数はクリア後も古い値を保持しています

Question

「これ」で奇妙な問題に直面しています。ページ用のコードは次のとおりです。これで、ページを作成し、onclick イベントをバインドしています。ここでは、funcOne を呼び出すたびに self[key] をリセットしますが、onClick はデータを設定しています。

2 回目に funcOne を呼び出し、もう一度 onClick を呼び出すと、この [キー] のデータはリセットではなく古いデータになります。

ここで何か間違ったことをしている場合は、提案してください。私はJavascriptが初めてです。

classExample = function(page) {
    someBaseClass.call(this, page);
}

classExample.prototype.funcOne = function() {
    var self = this;
    var callback = function(data) {
        self[key] = []; //based on some logic I am setting
    };

    model.getData(callback);

    someButton.onClick = function() {
        self.funcTwo();
    };
};

classExample.prototype.funcTwo = function() {
    //function from other class is called and data to this[key] is set
    classTwo.someMethod(this);

    var savedData = this[key];
};

var obj = new classExample(page);
obj.funcOne();
//after this I invoke onClick event

PS：サードパーティのライブラリは使用していません。