設計模式——原型模式

原型模式

示例

描述

用原型實例指向建立對象的類, 使用於建立新的對象的類共享原型對象的屬性及方法. 固然javascript是基於原型鏈實現對象之間的繼承,
這種繼承是基於一種對屬性或者方法的共享, 而不是對屬性和方法的複製.

案例

假設頁面中有不少焦點圖, 具備不一樣的切換效果, 有上下切換, 左右切換, 漸隱漸現.

實現

// 圖片輪播類
var LoopImages = function(imgArr, container) {
    this.imagesArray = imgArr;            // 輪播圖片數組
    this.container = container;            // 輪播圖片容器
};

LoopImages.prototype = {
    createImage: function() {            // 建立輪播圖片

    },
    changeImage: function() {            // 切換下一張圖片

    }
};

// 上下滑動切換類
var SlideLoopImg = function(imgArr, container) {
    // 構造函數繼承
    LoopImages.call(this, imgArr, container);
};

SlideLoopImg.prototype = new LoopImages();
// 重寫繼承的切換下一張圖片
SlideLoopImg.prototype.changeImage = function() {};