在JavaScript 原型中保留物件參考和繼承
在組織使用JavaScript 原型和繼承構建的大型應用程式時，維護程式碼結構變得至關重要同時確保物件引用和繼承完好無損。例如，如果我們有一個帶有各種函數（如next()、prev() 和bindControls()）的Carousel 類，我們可能希望像這樣組織它：
Carousel.prototype.controls = {
next: function () { ... } ,
prev: function() { ... },
bindControls: function () { .. }
}但是，這種方法會損害「this」的值，它保存呼叫方法的物件的上下文。為了解決這個問題，我們可以考慮將Controls 建立為一個單獨的類別：
var Controls = function (controllable_object) {
this.ref = controllable_object;
};
Controls.prototype.next = function () {
this.ref.foo();
}這可以確保即使在重寫BigCarousel 等衍生類別中的next() 函數時也保留對原始物件的引用。
BigCarousel.prototype.next = function () {
this.controls.next();
}或者，您可以採用依賴注入方法來解耦邏輯：
var Controls = function () {};
Controls.prototype.next = function (ref) {
ref.foo();
}
var Carousel = function () {
this.controls = new Controls();
};此方法為以後添加自訂控制器提供了更大的靈活性。透過分離關注點，您可以維護乾淨且可擴展的程式碼庫，同時保留物件參考和繼承。
以上是JavaScript 原型如何在大型應用程式中維護物件參考和繼承？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
