程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

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

发布于2021-03-13 19:05     阅读(1457)     评论(0)     点赞(8)     收藏(4)


前言

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

正文

封装

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

封装数据

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

var myObject = function () {
	var name = ''; // 私有变量
	return {
		getName: function() {
			console.log(name); // 公有变量
		}
	}
}

封装实现

        从封装实现细节来说,封装使得对象本身透明不可见,对象为自己的行为负责,其他用户不关心对象本身是怎么实现的,这样使得程序设计耦合性更为松散,对象只通过暴露API接口来通信,这样当我们修改一个对象的时候,只要它的对外接口本身没变,对这个对象的修改便不会影响到外部的程序执行
        封装实现在js中是很常见的,比如Array原型中实现的push和pop等方法,就是一种封装实现的过程,用户并不需要在意push中间是怎么实现的只需要直接调用即可

封装类型

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

封装变化

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

基于原型编程的js

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

原型模式

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

var person = function() {
	var name  = '';
	var age = 0;
}
var per1 = Object.create(person);

原型模式的模糊类型性

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

原型编程泛型

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

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

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

小节

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

       小伙伴们今天的学习就到这里了,如果觉得本文对你有帮助的话,欢迎转发,评论,收藏,点赞!!!
       每天学习进步一点点,就是领先的开始。如果想继续提高,欢迎关注我,或者关注公众号”祯民讲前端“。大量前端技术文章,面试资料,技巧等助你更进一步!
在这里插入图片描述

原文链接:https://blog.csdn.net/haofandedaima/article/details/114684824




所属网站分类: 技术文章 > 博客

作者:程序员的人生

链接:http://www.qianduanheidong.com/blog/article/35714/b22d1ac591e12bbb9113/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

8 0
收藏该文
已收藏

评论内容:(最多支持255个字符)