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

╰半橙微兮° 2022-11-07 11:52 4阅读 0赞

### 文章目录 ###

*  前言
 *  正文
 *   *  封装
     *   *  封装数据
         *  封装实现
         *  封装类型
         *  封装变化
     *  基于原型编程的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不同于传统面向对象语言，并不存在类的概念，对象的创建都基于原型的克隆，同学们在后面的学习中再进一步体会这种思想

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhb2ZhbmRlZGFpbWE_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/7f63d65a7fbd4e988a6d3e2a6887cba2.png