javascript - 如何通过属性的 onclick 方法引用 javascript 对象？

Question

我正在像这样创建一个 Javascript 对象:

function pager(elementId) {
    this.totalPages = 5;
    this.currentPage = 1;

    var nextPageImage = document.createElement("img");
    nextPageImage.src = "img/next.png";

    nextPageImage.onclick = function(){
        if (this.currentPage+1 <= this.totalPages)
        {
            this.currentPage +=1;
        }
    }

    document.getElementById(elementId).appendChild(nextPageImage);
}

我通过传入页面上 div 的 id 创建对象的实例:

myPager = new pager('pagerDiv');

问题在于 onclick 函数中的“this”指的是图像本身，而不是寻呼机对象。我可以使用“myPager”来引用寻呼机对象，但这不是很实用。

如何从图像 onclick 函数中引用对象？

Answer 1

创建一个代表“this”的局部变量，然后使用那个:

function pager(elementId) {
    this.totalPages = 5;
    this.currentPage = 1;
    var th = this;

    var nextPageImage = document.createElement("img");
    nextPageImage.src = "img/next.png";

    nextPageImage.onclick = function(){
        if (th.currentPage+1 <= th.totalPages)
        {
            th.currentPage +=1;
        }
    }

    document.getElementById(elementId).appendChild(nextPageImage);
}