二、Node.js 模块基础 1.0

news2024/11/22 16:43:38

模块、模块化

        在讲Node.js当中的模块之前先来简单了解什么是模块、模块化、以及模块化编程的演变过程;模块通常指的是编程语言提供的代码组织机制,利用此机制可将程序拆解位独立且通用的代码单元,表意文绉绉,你可以理解为能够组装成电脑主机的各个配件就相当于模块;而模块化就是一种设计思想,利用模块化可以把一个非常复杂的系统结构细化到具体的功能点,每个功能点看做一个模块,然后通过某种规则把这些小的模块组合到一起,构成模块化系统。

模块优点:可维护性、避免命名冲突、代码重用;

模块化优点:1.生产效率高,灵活架构,焦点分离,多人协作互不干扰,代码重用;

                      2.维护成本低,可分单元测试,单模块调试升级;

模块化规范:一个模块就是一个特定功能文件,借助模块可以通过加载模块来复用代码,同时模块开发需要遵循一定的规范,JavaScript模块规范主要有3种:AMD、CMD、CommonJS;

AMD 异步模块定义,使用异步方式加载模块

CMD 通用模块定义,规范与AMD相近

CommonJS 用于规范服务器端的编程,Node.js就是参照该规范实现。定义模块关键字有:

         1. module ( 模块标识 )  2. exports ( 模块导出 )  3.模块引用 (require)


下面用 CommonJs 规范 定义一个模块并进行调用 :

// moduleOne.js 文件
module.exports = function(x,y){
	return x*y
}
// moduleTwo.js 文件
const mulitple = require('./moduleOne');    // 引用

let result = mulitple(2,2);
console.log(result);	// 输出:4


模块化编程的演变

1. 全局函数

        这种方式在起初算是我们的编程习惯,但它的缺陷就是将所有的变量和函数都暴露出来,并无法保证不与其他变量发生冲突,全局函数形成模块之间无法看出直接关系!

	<body>
		<input type="text" id="num1"/>
			<select id="opt">
				<option value="0">+</option>
				<option value="1">-</option>
			</select>
		<input type="text" id="num2"/>
		<button id="cal">=</button>
		<input type="text" id="result" />
	</body>
	<script>
		// 定义计算函数
		function add(x,y){
			return parseFloat(x)+parseFloat(y);
		}
		function subtract(x,y){
			return parseFloat(x)-parseFloat(y);
		}
		
		// 获取DOM元素/注册
		var numOne = document.getElementById('num1');
		var numTwo = document.getElementById('num2'); 
		var myOpt = document.getElementById('opt'); 
		var myCal = document.getElementById('cal');
		var myResult = document.getElementById('result');
		
		// 等号添加事件
		myCal.addEventListener('click',()=>{
			var num1 = numOne.value.trim();
			var num2 = numTwo.value.trim();
			var opt = myOpt.value;
			var result = 0;
			switch(opt){
				case '0':
				result = add(num1,num2);
				break;
				case '1':
				result = subtract(num1,num2);
				break;
			}
			myResult.value = result;
		})	
	</script>

2. 对象命名空间

        既然全局函数存在冲突问题,那么使用命名空间的方式,将计算函数封装在对象当中;可以从代码上看出函数属于哪一模块,但如果在定义一个命名为space的对象一样会出现问题,虽然减少命名冲突的可能性但仍然有隐患。

<script>
        // 创建空对象
        var space = {};

        space.add = (x,y)=>{
            return parseFloat(x) + parseFloat(y)
        }
        space.subtract = (x,y)=>{
            return parseFloat(x) - parseFloat(y)
        }

        // 获取所有DOM元素
        var numOne = document.getElementById('num1');
        var numTwo = document.getElementById('num2');
        var myOpt = document.getElementById('opt');
        var myCal= document.getElementById('cal');
        var myResult = document.getElementById('result');

        // 等号添加事件
		myCal.addEventListener('click',()=>{
			var num1 = numOne.value.trim();
			var num2 = numTwo.value.trim();
			var opt = myOpt.value;
			var result = 0;
			switch(opt){
				case '0':
				result = space.add(num1,num2);
				break;
				case '1':
				result = space.subtract(num1,num2);
				break;
			}
			myResult.value = result;
		})

  

3. 闭包

        命名空间的方式能够优化命名冲突,但仍存在隐患,这时可以采用闭包的方式,通过匿名自执行函数,进行私有变量隔离:

	<script>
        // 匿名函数自执行函数形成封闭函数作用域空间,达到私有化目的
        var space =(function(){
            function add(x,y){
                return parseFloat(x) + parseFloat(y);
            }
            function subtract(x,y){
                return parseFloat(x) - parseFloat(y);
            }
            return{
                add:add,
                subtract:subtract
            }
        })();

        // 获取所有DOM元素
        var numOne = document.getElementById('num1');
        var numTwo = document.getElementById('num2');
        var myOpt = document.getElementById('opt');
        var myCal= document.getElementById('cal');
        var myResult = document.getElementById('result');

        // 等号添加事件 
        myCal.addEventListener('click',()=>{
            var num1 = numOne.value.trim();
            var num2 = numTwo.value.trim();
            var opt = myOpt.value;
            var cal = myCal.value;
            var result = 0;
            switch(opt){
                case '0':
                    result = space.add(num1,num2);
                    break;
                case '1':
                    result = space.subtract(num1,num2);
                    break;
            }   
            myResult.value = result 
        })
	</script>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/91308.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Docker+Jenkins+Gitlab+SpringBoot 自动化部署项目

我这边Docker、Jenkins、Gitlab 都已准备完毕&#xff0c;Jenkins和GItlab 都是用Docker起的 我们先进入Jenkins&#xff0c;插件什么的按他推荐的装就可以了&#xff0c;另外使用gitlab,还需要额外安装下面的插件 然后我们开始在Jenkins上创建项目 然后点保存&#xff0c;接下…

行业说 | 建筑业面临失宠,越来越留不住年轻人?原因在这

大家好&#xff0c;这里是建模助手。 不知道大家有没有发现&#xff0c;现在建筑行业存在着一种现象&#xff0c;就是&#xff1a;年轻人建筑行业“不想去”&“留不住”。 在这种情况下&#xff0c;行业的老龄化趋势便愈发明显&#xff0c;据数据显示&#xff1a; 2021年…

跬智信息(Kyligence)荣登「甲子20」中国数据智能领域最具商业潜力科技企业榜

近日&#xff0c;为表彰中国科技产业与数字经济领域的杰出贡献者&#xff0c;中国科技产业智库甲子光年在 2022「甲子引力」年终盛典上公布多项榜单。凭借在数据智能领域的核心技术优势与高成长性的商业价值表现&#xff0c;跬智信息&#xff08;Kyligence&#xff09;最终荣登…

【C++11】三大神器之——包装器和绑定器

前言 如果你还不知道 C 11 引入的包装器和绑定器是什么&#xff0c;可以读读这篇文章&#xff0c;看看有什么 启发&#xff1b;如果你已经对包装器和绑定器了如指掌&#xff0c;也可以读读这篇文章&#xff0c;看看有什么 补充。欢迎交流~&#x1f60f; 可调用对象 C中存在【…

PCB叠层当中的“假八层”是什么意思呢?

大家在进行PCB设计的时候都是需要对我们的板子选择叠层方案的&#xff0c;一个好的层叠方案能使我们的信号质量变好&#xff0c;板子性能也会更稳定等等&#xff0c;大家可能或多或少的接触过多层板&#xff0c;也就是两层往上的板子&#xff0c;那么大家在做六层板的时候是否有…

Servlet:狂神Response源码分析【文件下载 + 动态图形验证码 + 重定向】

目录web.xmlindex.jspRequestTestlogin测试FileServlet文件下载测试动态图形验证码Servlet动态图形验证码测试总结web.xml <?xml version"1.0" encoding"UTF-8"?> <web-app xmlns"http://xmlns.jcp.org/xml/ns/javaee"xmlns:xsi&quo…

15-16-17 - 保护模式中的特权级

---- 整理自狄泰软件唐佐林老师课程 文章目录1. 保护模式小结1.1 使用选择子访问段描述符表时&#xff0c;索引值的合法性检测1.2 内存段类型合法性检测1.3 实例分析2. 问题一3. 保护模式中的特权级3.1 特权级的表现形式3.2 初探特权级3.2.1 CPL和DPL的关系3.2.2 段描述符中的D…

手把手教你Spring Cloud Alibaba教程:使用nacos实现服务注册与发现

我们在上一篇&#xff1a;手把手教你Spring Cloud Alibaba教程:nacos安装 接下来我们来实现下基本的服务注册和发现 版本确认 我们需要确认spring Cloud Alibaba version对应的nacso version 主要如下 版本说明 alibaba/spring-cloud-alibaba Wiki Spring Cloud Alibaba Ve…

图解:基于HyperWorks螺纹升角的六面体划分攻略

导读&#xff1a;在实际工程应用中&#xff0c;基于HyperWorks六面体工程命令&#xff0c;对工程师朋友来说比较繁琐&#xff0c;甚至不容易掌握。于是经常参加一些线下培训&#xff0c;用以提升自己业务技能。今天&#xff0c;笔者从一个企业资深培训讲师的角度&#xff0c;结…

Docker安装Oracle

Docker安装Oracle 本次使用的系统是centOS7 &#xff08;文章部分参考&#xff1a;地址&#xff09; 安装Docker docker安装要求&#xff1a;CentOS内核版本高于3.10&#xff0c;可以通过命令 uname -r查看当前内核版本 下载工具 yum install -y yum-utils设置阿里云镜像 …

【MySQL】使用C语言连接数据库

文章目录下载Mysql的C接口库程序中引入Mysql头文件和库文件**Mysql接口介绍**创建句柄链接数据库设置字符编码执行SQL语句关闭链接mysql.ops.cc下载Mysql的C接口库 要使用C语言连接mysql,需要使用mysql官网提供的库,大家可以官网下载,实际上连接数据库的功能在mysql 8.0版本之…

(十五)Vue之过滤器

文章目录计算属性实现methods实现过滤器实现局部过滤器不传参传参多个过滤器使用全局过滤器Vue学习目录 上一篇&#xff1a;&#xff08;十四&#xff09;Vue之收集表单数据 先看一个需求&#xff1a;给一个时间戳&#xff0c;然后把时间戳格式化显示出来 时间戳数据&#xf…

哈希表题目:相交链表

文章目录题目标题和出处难度题目描述要求示例数据范围进阶解法一思路和算法代码复杂度分析解法二思路和算法证明代码复杂度分析题目 标题和出处 标题&#xff1a;相交链表 出处&#xff1a;160. 相交链表 难度 2 级 题目描述 要求 给你两个单链表的头结点 headA\texttt…

web网页设计期末课程大作业 基于HTML+CSS仿苹果商城电商项目的设计与实现

常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目, A…

Thread类和线程状态

目录 Thread 的常见构造方法 Thread 的几个常见属性 经典面试题&#xff1a;start和run的区别 interrupt 线程中断 join 线程等待 currentThread 获得当前这个线程对应的 Thread 对象的引用。 sleep 置顶休眠的时间(阻塞一会) sleep(1000)&#xff0c;真的只是休眠1000…

使用 MindStudio进行基于 MindX SDK 辅助驾驶项目的开发

视频链接&#xff1a;https://www.bilibili.com/video/BV1K8411p7Cm/ 1 任务介绍 ASSISTED-DRIVING的中文含义为辅助驾驶&#xff0c;其先采用了yolov3模型将图片中的交通标志检测出来&#xff0c;然后利用resnet18模型获对检测出来的交通标志进行分类&#xff1b;在道路线分…

0-1规划下的数独问题

数独显然是一个0-1规划问题.虽然这个什么凸分析还是啥的分析有这个优化的方法,但是,你DFS也不是完全一点不可能的对吧.嗯,既然这样的话,我们就要去解决这样一个更细致的问题了.数独这个问题他的解的存在性,唯一性怎么样.当然,已经有结论了,一个9*9的数独至少要给出17个值才能约…

Qt扫盲-QGridLayout理论总结

QGridLayout理论总结1. 简介2. 操作布局元素3. 常用属性4. 间隔设置1. 简介 QGridLayout 占用来自其父布局或 parentWidget()获得的空间&#xff0c;将其划分为行列表格形式&#xff0c;在每个布局的表格里放置控件或者布局器就行。 一般来说&#xff0c;列和行的行为功能相同…

Sourcetree安装详细步骤

前言&#xff1a; Sourxetree 作为 免费的 Git 客户端工具&#xff0c;有许多优点。Sourcetree 简化了与Git存储库交互的方式&#xff0c;因此我们可以专注于编码。通过 Sourcetree 简单又快捷的管理我们 的存储库。 下载安装包 进入 官网 选择Windows系统的安装包 &#xff…

【大数据技术Hadoop+Spark】HDFS Shell常用命令及HDFS Java API详解及实战(超详细 附源码)

需要源码请点赞关注收藏后评论区留言私信~~~ 一、HDFS的Shell介绍 Shell在计算机科学中俗称“壳”&#xff0c;是提供给使用者使用界面的进行与系统交互的软件&#xff0c;通过接收用户输入的命令执行相应的操作&#xff0c;Shell分为图形界面Shell和命令行式Shell。 文件系统…