原型模式

  • 特点:类实例共享原型对象的属性和方法
let LoopImg = function (imagesArr, container) {
  this.imagesArr = imagesArr;
  this.container = container;
}
//创建焦点图
LoopImg.prototype.createImg = function () {
  console.log(`LoopImg`);
}
//切换焦点图
LoopImg.prototype.changeImg = function () {
  console.log(`LoopImg`);
}

let SideLoopImg = function (sideImagesArr, sideContainer) {
  LoopImg.call(this, sideImagesArr, sideImagesArr);
}

SideLoopImg.prototype = new LoopImg();
SideLoopImg.prototype.createImg = function () {
  console.log(`SideLoopImg`);
}

let FadeLoopImg = function (fadeImagesArr, fadeImagesContainer, arrow) {
  LoopImg.call(this, fadeImagesArr, fadeImagesContainer);
  this.arrow = arrow;
}

FadeLoopImg.prototype = new LoopImg();
FadeLoopImg.prototype.createImg = function () {
  console.log(`FadeLoopImg`);
}