爲什麼這個jQuery OOP屬性變得不確定？

Question

爲什麼此代碼的屬性在點擊事件後未顯示？

屬性this.ContainerId在進入this.ShoutCount方法時變得未定義。

謝謝。

var table = function (containerId) { 
 
    this.ContainerId = containerId; 
 
    
 
    this.ShoutCount = function (totalC) { 
 
     var label = $("#" + this.ContainerId + " .result").text(); 
 
     alert(totalC + " " + label); 
 
    } 
 
    this.ClickCount = function (sc) { 
 
    $("#" + this.ContainerId + " .showTotalCount").click(function() { 
 
     sc($(this).text()); 
 
    }); 
 
    } 
 
    this.ClickCount(this.ShoutCount); 
 
} 
 

 
var t = new table("user-tab-pagination");

<div id="user-tab-pagination"> 
 
    <div class="search-count"><span class="showTotalCount">100</span> <span class="result">Result(s)</span></div> 
 
</div>

Answer 1

因爲一旦你進入ShoutCount方法，this的作用域是方法，而不是外部方法。您需要使用bind來附加您想要的範圍，例如

this.ShoutCount = function (totalC) { 
    var label = $("#" + this.ContainerId + " .result").text(); 
    alert(totalC + " " + label); 
}.bind(this);