JavaScript中的原型模式是如何实现对象的复制和继承的?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1571个文字,预计阅读时间需要7分钟。
目录+前言+案例+回顾+原型的扩展+设计模式+最可能的用途是封装,我们通过类来封装一些实用的方法,通过设计模式去实现各个方法之间的解耦,由于JS中的继承是用原型链实现的。
目录
- 前言
- 案例
- 回顾
- 原型的拓展
前言
设计模式呢最多的可能是用到类,我们去通过类来封装一些实用的方法,通过设计模式去实现各个方法之间的解耦等,由于JS中的继承是用原型链继承的,所以原型模式是用原型实例指向创建对象的类,使用于创建新的对象的类共享原型对象的属性以及方法
案例
比如我们现在需要实现一个页面上的轮播图,可能需要用到对轮播图操作的方法,比如聚焦,切换,点击展开等动作,那么我们可以创一个图片轮播的方法,也可以叫做类
上面这个方法只是一个基础的方法,但在实际操作中我们可能会有不同的各种各样的需求需要我们来实现,那样子我们就需要在基础功能上加上一些扩张来实现我们的需求,我们扩展的需要要依赖于我们的基础方法,比如切换图片的时候可能是上下方向的滑动,左右方向的滑动,也可能是自由方位的活动等功能,而且在图片滑动过程中的动画,比如渐变,大小缩放,都是可以拓展开的功能。
本文共计1571个文字,预计阅读时间需要7分钟。
目录+前言+案例+回顾+原型的扩展+设计模式+最可能的用途是封装,我们通过类来封装一些实用的方法,通过设计模式去实现各个方法之间的解耦,由于JS中的继承是用原型链实现的。
目录
- 前言
- 案例
- 回顾
- 原型的拓展
前言
设计模式呢最多的可能是用到类,我们去通过类来封装一些实用的方法,通过设计模式去实现各个方法之间的解耦等,由于JS中的继承是用原型链继承的,所以原型模式是用原型实例指向创建对象的类,使用于创建新的对象的类共享原型对象的属性以及方法
案例
比如我们现在需要实现一个页面上的轮播图,可能需要用到对轮播图操作的方法,比如聚焦,切换,点击展开等动作,那么我们可以创一个图片轮播的方法,也可以叫做类
上面这个方法只是一个基础的方法,但在实际操作中我们可能会有不同的各种各样的需求需要我们来实现,那样子我们就需要在基础功能上加上一些扩张来实现我们的需求,我们扩展的需要要依赖于我们的基础方法,比如切换图片的时候可能是上下方向的滑动,左右方向的滑动,也可能是自由方位的活动等功能,而且在图片滑动过程中的动画,比如渐变,大小缩放,都是可以拓展开的功能。

