NodeJS-如何去理解CommonJS

2024-06-18 17:32
文章标签 理解 nodejs commonjs

本文主要是介绍NodeJS-如何去理解CommonJS,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

先偏移主题,聊聊闭包
JavaScript中具有全局作用域和函数作用域: 函数内部可以直接读取全局变量,在函数外部无法读取函数内部的局部变量

如何获取内部变量的呢?

闭包: 闭包就是能够读取其他函数内部变量的函数
function fn() {var a = 1;return function () {a++;console.log(a);}
}var foo = fn();foo(); // 2;
foo(); // 3;
foo(); // 4;
在浏览器中,我们可以理解每一个函数为一个局部作用域,全局作用域属于window下,并且每一个js文件通过HTML文件联系起来,这就说明每一个js文件都共处于一个全局作用域下

在Node当中,每个js文件又如何联系起来?

JS没有模块系统、标准库较少,但我们有文件呀~ 因此采用CommonJs规范, 将每一个JS文件联系起来

什么是CommonJs规范? 怎么联系呢?

1.每个文件就是一个模块,拥有单独的作用域: 普通方式定义的变量、函数、对象都属于该模块内; 2.使用exports和modul.exports来暴露模块中的内容 3.然后通过require来加载模块
也就是说某个文件通过module.exports抛出,另一个文件require引入,这样两个文件就联系起来了

在这里插入图片描述

闭包函数与JS文件是不是有点像?
是的,很像了,将私有的变量暴露出去了~
1、闭包与引入模块
闭包
function fn() {var a = 1;return function () {a++;console.log(a);}
}var foo = fn();foo(); // 2;
foo(); // 3;
foo(); // 4;

引入模块
在这里插入图片描述

2、闭包函数调用两次与同一个模块被不同的两个文件中引入
闭包函数调用两次 function fn() { var a = 1;
    return function () {a++;console.log(a);}
}var foo = fn();foo(); // 2;
foo(); // 3;
foo(); // 4;var foo2 = fn();foo2(); // 2
foo2(); // 3
同一个模块在不同的两个文件中引入

在这里插入图片描述

require:引入模块

同步加载模块:读取JS文件,并且执行该文件,然后抛出该exports.modules对象,并且会将其缓存
也就是说:某个文件引入同一个模块两次,那么第二次读取的则是缓存中的exports.modules对象var mod = require('./modules');
var mod2 = require('./modules');console.log(mod === mod2); // trueconsole.log(mod.a); // 1
mod.a++;
console.log(mod.a); // 2
console.log(mod2.a); // 2
require的引入机制是啥?
由当前执行文件目录到磁盘根目录,逐级向上查询文件node_modules 读取文件名,并且尝试添加.js、.node、.json后缀之后查找 如果存在则结束查找,如果不存在则进行上一级查找 还会将其参数作为包引入,读取包目录下的package.json文件,取得main参数指定的入口文件 找不到就抛出错误
exports / module.exports 都是用来暴露模块,两个有什么不同?
在node中,每个js文件都有 module.exports这个对象,为了方便,相当于在模块头部加了这句话: var exports = module.exports;

不同之处:

export不能重新赋值, 不然会切换与module.exports的联系,因为其存的是module.exports对象的指针
最终暴露出去的对象是module.exports
在这里插入图片描述
在这里插入图片描述
以下面这个例子来说:

var modex = {};
var exp = modex;console.log(exp === modex); // trueexp.a = 1;console.log(modex.a); // 1;// 如果 exp 重新赋值了,那么久切断了与modex对象的联系
exp = {a : 2};console.log(exp); // { a: 2 }
console.log(modex); // { a: 1 }
exports其实与exp这个变量都是一样的: 存储着对象的指针地址

exp存的是modex对象的指针

exports存的是module.exports对象的指针

什么时候用exports,什么时候用module.exports?
构造函数的情况可以使用module.exports
在这里插入图片描述

这篇关于NodeJS-如何去理解CommonJS的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1072651

相关文章

GO语言zap日志库理解和使用方法示例

《GO语言zap日志库理解和使用方法示例》Zap是一个高性能、结构化日志库,专为Go语言设计,它由Uber开源,并且在Go社区中非常受欢迎,:本文主要介绍GO语言zap日志库理解和使用方法的相关资... 目录1. zap日志库介绍2.安装zap库3.配置日志记录器3.1 Logger3.2 Sugared

深入理解Redis线程模型的原理及使用

《深入理解Redis线程模型的原理及使用》Redis的线程模型整体还是多线程的,只是后台执行指令的核心线程是单线程的,整个线程模型可以理解为还是以单线程为主,基于这种单线程为主的线程模型,不同客户端的... 目录1 Redis是单线程www.chinasem.cn还是多线程2 Redis如何保证指令原子性2.

深入理解MySQL流模式

《深入理解MySQL流模式》MySQL的Binlog流模式是一种实时读取二进制日志的技术,允许下游系统几乎无延迟地获取数据库变更事件,适用于需要极低延迟复制的场景,感兴趣的可以了解一下... 目录核心概念一句话总结1. 背景知识:什么是 Binlog?2. 传统方式 vs. 流模式传统文件方式 (非流式)流

深入理解Go之==的使用

《深入理解Go之==的使用》本文主要介绍了深入理解Go之==的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录概述类型基本类型复合类型引用类型接口类型使用type定义的类型不可比较性谈谈map总结概述相信==判等操作,大

深入理解Mysql OnlineDDL的算法

《深入理解MysqlOnlineDDL的算法》本文主要介绍了讲解MysqlOnlineDDL的算法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小... 目录一、Online DDL 是什么?二、Online DDL 的三种主要算法2.1COPY(复制法)

idea npm install很慢问题及解决(nodejs)

《ideanpminstall很慢问题及解决(nodejs)》npm安装速度慢可通过配置国内镜像源(如淘宝)、清理缓存及切换工具解决,建议设置全局镜像(npmconfigsetregistryht... 目录idea npm install很慢(nodejs)配置国内镜像源清理缓存总结idea npm in

nodejs打包作为公共包使用的完整流程

《nodejs打包作为公共包使用的完整流程》在Node.js项目中,打包和部署是发布应用的关键步骤,:本文主要介绍nodejs打包作为公共包使用的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言一、前置准备二、创建与编码三、一键构建四、本地“白嫖”测试(可选)五、发布公共包六、常见踩坑提醒

深入理解go中interface机制

《深入理解go中interface机制》本文主要介绍了深入理解go中interface机制,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录前言interface使用类型判断总结前言go的interface是一组method的集合,不

Java Spring的依赖注入理解及@Autowired用法示例详解

《JavaSpring的依赖注入理解及@Autowired用法示例详解》文章介绍了Spring依赖注入(DI)的概念、三种实现方式(构造器、Setter、字段注入),区分了@Autowired(注入... 目录一、什么是依赖注入(DI)?1. 定义2. 举个例子二、依赖注入的几种方式1. 构造器注入(Con

深入理解Go语言中二维切片的使用

《深入理解Go语言中二维切片的使用》本文深入讲解了Go语言中二维切片的概念与应用,用于表示矩阵、表格等二维数据结构,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧... 目录引言二维切片的基本概念定义创建二维切片二维切片的操作访问元素修改元素遍历二维切片二维切片的动态调整追加行动态