⑤创建型设计模式原型模式

Posted 2021-07-16 狼丶宇先生

一、写在前面

原型模式（Prototype）：用原型实例指向创建对象的类，使用于创建新的对象的类共享原型对象的属性以及方法。

语言中的原型：在javascript中的继承是靠原型链实现的，那么这就是JavaScript中的原型模式。原型模式就是将原型对象指向创建对象的类，使这些类共享原型对象的方法与属性。当然JavaScript是基于原型链实现对象之间的继承，这种继承是基于一种对属性或者方法的共享，而不是对属性和方法的复制。

关注公众号“笔优站长”可阅读全部文章哟。

二、场景小例子 —— 创建一个焦点图

假设页面中有很多焦点图(网页中很常见的一种图片轮播，切换效果)，那么我们要实现这些焦点图最好的方式就是通过创建对象来一一实现，所以我们就需要有一个焦点图类，比如我们把这个类定义为LoopImages。

/**
 * 图片轮播类
 * @param {*} imgArr 轮播图数组
 * @param {*} container 轮播图图片容器
 */
var LoopImages = function (imgArr