javascript设计模式(二)----基于原型编程的js(下

简介: javascript设计模式(二)----基于原型编程的js(下

前言

上一章节我们讲到,js的动态语言特性以及与生俱来的多态特性,多态特性的作用就是利用对象的多态性,尽可能消除函数设计过程中的条件分支语句。这一章我们将继续上一章的内容,进一步展开js开发中的封装以及js的原型编程设计原理

正文

封装

封装的目的是将数据隐藏,这一章我们将就四个方面来阐述数据隐藏的过程,封装数据,封装实现,封装类型和封装变化


封装数据

在很多传统语言中,比如java,数据的封装是依靠private, public, protected等这些关键词来提供一个访问权限。但是javascript当中并没有类的概念,也没有提供这些关键词(这里不包含es6),所以我们只能利用作用域去实现封装数据,而且只能模拟出private和public两种关键词(这里皆是使用es5的语言,同学们也可以直接使用es6中的let来产生局部作用域)

封装实现

从封装实现细节来说,封装使得对象本身透明不可见,对象为自己的行为负责,其他用户不关心对象本身是怎么实现的,这样使得程序设计耦合性更为松散,对象只通过暴露API接口来通信,这样当我们修改一个对象的时候,只要它的对外接口本身没变,对这个对象的修改便不会影响到外部的程序执行

封装实现在js中是很常见的,比如Array原型中实现的push和pop等方法,就是一种封装实现的过程,用户并不需要在意push中间是怎么实现的只需要直接调用即可


封装类型

封装类型这个概念是针对静态类型语言的,对于javascript 本身而言,是一门动态弱类型语言,对变量的类型限制是很模糊的,没有办法,也没有必要在这一点上实现更多,在后面设计模式的下同学们可以慢慢了解


封装变化

封装变化应该设计思想中的最重要的部分,在编写可复用的面向对象程序中,我们应该找到一个程序逻辑中易变化的部分,封装完这个部分剩下的就是稳定可复用的部分,在后面的迭代中,我们也只需要修改之前封装的变化就可以了


基于原型编程的js

在以类为中心的面向对象编程中,类和对象的关系就像模具和模型,对象总是从类当中创建出来,而基于原型的编程思想中,没有类的概念,对象的产生都是通过克隆的方式,由一个对象克隆出一个新的对象,javaScript就是基于这种思想下的编程语言


原型模式

原型模式是我们将要学习的第一个设计模式,原型模式创建对象的方式与类编程不同,是找到一个对象,用它来克隆出新的对象。原型模式的关键是语言本身是否提供了克隆的方法,ES5中提供了Object.create方法可以用于克隆对象

640.png


原型模式的模糊类型性

因为对象本身的创建并不需要基于类,而是从一个别的对象克隆出来就可以,通过这个创建方式,用户就不用在关注类型本身,就像你小时候想要吃苹果,但是你不知道它叫什么,你只需要指着苹果说我要吃这个,别人就会理解你的意思

原型编程泛型

基于原型编程思想设计的javaScript遵守的规则,我们可以称它为原型编程泛型,它遵循以下规则:

  • 所有的数据都是对象
  • 要得到一个对象,不是通过一个实例化类,而是找到一个对象作为原型并克隆它
  • 对象会记住它的原型
  • 如果对象本身无法响应某个请求,它会把这个请求委托给它的原型

关于这部分,进一步了解可以去查看作者之前写的一系列文章《js的对象的创建模式和继承模式》

小节

本节讲述了javascript的封装以及原型编程泛型,javascript不同于传统面向对象语言,并不存在类的概念,对象的创建都基于原型的克隆,同学们在后面的学习中再进一步体会这种思想

小伙伴们今天的学习就到这里了,如果觉得本文对你有帮助的话,欢迎转发,评论,收藏,点赞!!!

目录
相关文章
|
9月前
|
设计模式 缓存 安全
【高薪程序员必看】万字长文拆解Java并发编程!(8):设计模式-享元模式设计指南
🌟 ​大家好,我是摘星!​ 🌟今天为大家带来的是并发编程中的经典对象复用设计模式-享元模式,废话不多说让我们直接开始。
195 0
|
9月前
|
设计模式 缓存 监控
并发设计模式实战系列(14):CAS(无锁编程)
🌟 大家好,我是摘星!🌟今天为大家带来的是并发设计模式实战系列,第十四章,废话不多说直接开始~
144 0
|
9月前
|
资源调度 JavaScript 前端开发
Day.js极简轻易快速2kB的JavaScript库-替代Moment.js
dayjs是一个极简快速2kB的JavaScript库,可以为浏览器处理解析、验证、操作和显示日期和时间,它的设计目标是提供一个简单、快速且功能强大的日期处理工具,同时保持极小的体积(仅 2KB 左右)。
530 24
|
11月前
|
设计模式 机器学习/深度学习 前端开发
Python 高级编程与实战:深入理解设计模式与软件架构
本文深入探讨了Python中的设计模式与软件架构,涵盖单例、工厂、观察者模式及MVC、微服务架构,并通过实战项目如插件系统和Web应用帮助读者掌握这些技术。文章提供了代码示例,便于理解和实践。最后推荐了进一步学习的资源,助力提升Python编程技能。
|
11月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
12月前
|
设计模式 JavaScript 算法
浅谈几种js设计模式
设计模式是软件开发中的宝贵工具,能够提高代码的可维护性和扩展性。通过单例模式、工厂模式、观察者模式和策略模式,我们可以解决不同场景下的实际问题,编写更加优雅和高效的代码。
354 8
|
11月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
9月前
|
设计模式 Java 数据库连接
【设计模式】【创建型模式】工厂方法模式(Factory Methods)
一、入门 什么是工厂方法模式? 工厂方法模式(Factory Method Pattern)是一种创建型设计模式,它定义了一个用于创建对象的接口,但由子类决定实例化哪个类。工厂方法模式使类的实例化延迟
269 16
|
9月前
|
设计模式 负载均衡 监控
并发设计模式实战系列(2):领导者/追随者模式
🌟 ​大家好,我是摘星!​ 🌟今天为大家带来的是并发设计模式实战系列,第二章领导者/追随者(Leader/Followers)模式,废话不多说直接开始~
261 0