js 设计模式学习（3）

原型模式

将可复用的、可共享的、耗时大的从基类中提取出来，然后放在其原型中，然后子类通过组合继承或者寄生组合式继承将方法和属性继承下来。

 

//图片轮播类
var LoopImages = function (imgArr, container) {
    this.imgArray = imgArr;
    this.container = container;
}
LoopImages.prototype = {
    createImage: function () {
        console.log('creat img function');
    },
    changeImage: function () {
        console.log('change img function');
    }
}

var SlideLoopImg = function (imgArr, container) {
    //构造函数继承图片轮播类
    LoopImages.call(this, imgArr, container);
}

SlideLoopImg.prototype = new LoopImages();
//重写继承切换下一张图片的方法
SlideLoopImg.prototype.changeImage = function () {
    console.log('SlideLoopImg Change Images');
}

原型继承

通过prototypeExtend创建的是一个对象，我们无需再去NEW新的实例对象。

function prototypeExtend() {
    var F = function () { },
        args = arguments,
        i=0,
        len = args.length;

    for (; i < len; i++) {
        for (var j in args[i]) {
            F.prototype[j] = args[i][j];
        }
    }

    return new F();
}

var penguin = prototypeExtend({
    speed: 20,
    swim: function () {
        console.log('游泳:' + this.speed);
    },
    run: function (speed) {
        console.log('奔跑:' + speed);
    },
    jump: function () {
        console.log('跳跃');
    }
})