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

前言

        上一章节我们讲到,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不同于传统面向对象语言,并不存在类的概念,对象的创建都基于原型的克隆,同学们在后面的学习中再进一步体会这种思想

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

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值