Node的模块系统使用详解

这次给大家带来Node的模块系统使用详解,Node模块系统使用的注意事项有哪些,下面就是实战案例,一起来看一下。

模块是构建应用程序的基础,也使得函数和变量私有化,不直接对外暴露出来,接下来我们就要介绍Node的模块化系统和它最常用的模式

为了让Node.js的文件可以相互调用,Node.js提供了一个简单的模块系统。

模块是Node.js 应用程序的基本组成部分,文件和模块是一一对应的。换言之,一个 Node.js 文件就是一个模块,这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++ 扩展。

module的本质

我们都知道,JavaScript有一个很大的缺陷就是缺少namespacing的概念,程序运行在全局作用域下,很容易被内部应用程序的代码或者是第三方依赖程序的数据所污染,一个很典型的解决方案就使通过IIFE来解决,本质上是利用闭包来解决

const module = (() => { const privateOne = () => {  // ...  } const privateTwo = () => {  // ...  } const exported = {  publicOne: () => {   // ...  },  publicTwo: [] } return exported;})()console.log(module);

登录后复制

通过上面的代码,我们可以看出,module变量包含的只有对外暴露的API,然而剩下的module内容是对外不可见的,而这个也是Node module system最核心的思想。

Node modules 说明

CommonJS是一个致力于将JavaScript生态系统标准化的一个组织,它最出名的一个提议就是我们众所周知的CommonJS modules,Node在本规范的基础上构建了他自己的模块系统,并且添加了一些自定义扩展,为了描述它是怎么工作的,我们可以使用上面所提到的module的本质的思想,自己做一个类似的实现。

自制一个module loader

下面的代码主要是模仿Node原始的require()函数的功能

首先,我们创建一个函数用来加载一个module的内容,将它包裹在一个私有的作用域中

function loadModule(filename, module, require) { const warppedSrc = `(function(module, mexports, require) {  ${fs.readFileSync(filename, 'utf-8')} })(module, module.exports, require)` eval(warppedSrc);}

登录后复制

module的源代码被包装到一个函数中,如同IIFE那样,这里的区别在于我们传递了一些变量给module,特指module、module.exports和require,注意的是我们的exports变量实质上是又module.exports初始化的,我们接下来会继续讨论这个

*在这个例子中,需要注意的是,我们使用了类似eval()或者是node的vm模块,它们可能会导致一些代码注入攻击的安全性问题,所以我们需要特别注意和避免

接下来,让我们通过实现我们的require()函数,来看看这些变量怎么被引入的

const require = (moduleName) => { console.log(`Required invoked for module: ${moduleName}`); const id = require.resolve(moduleName); if(require.cache[id]) {  return require.cache[id].exports; } // module structure data const module = {  exports: {},  id: id } // uodate cache require.cache[id] = module; // load the module loadModule(id, module, require); // return exported variables return module.exports;}require.cache = {};require.resolve = (moduleName) => { // resolve a full module id from the moduleName}

登录后复制

上面的函数模拟了Nodejs原生用来加载模块的require函数的行为,当然,它只是具有一个雏形,而没有完全准确的反映真实的require函数的行为,但是它可以让我们很好的理解Node模块系统的内部机制,一个模块怎么被定义和被夹在,我们的自制模块系统具备下面的功能

模块名被作为参数传入,首先要做的事情时调用require.resolve方法根据传入的模块名生成module id(通过指定的resolve算法来生成)

如果该模块已经被加载过了,那么直接会从缓存中获得

如果该模块还没有被加载过,我们会初始化一个module对象,其中包含两个属性,一个是module id,另外一个属性是exports,它的初始值为一个空对象,该属性会被用于保存模块的export的公共的API代码

将该module进行cache

调用我们上面定义的loadModule函数来获取模块的源代码,将初始化的module对象作为参数传入,因为module是对象,引用类型,所以模块可以利用module.exports或者是替换module.exports来暴露它的公共API

最后,返回给调用者module.exports的内容,也就是该模块的公共API

看到这里,我们会发现,其实在Node 模块系统没有想象中的那么难,真正的技巧在于将模块的代码进行包装,以及创建一个运行时的虚拟环境。

定义一个模块

通过观察我们自制的require()函数的工作机制,我们应该很清楚的知道如何定义一个模块

const dependency = require('./anotherModule');function log() { console.log(`get another ${dependency.username}`);}module.exports.run = () => { log();}// anotherModule.jsmodule.exports = { username: 'wingerwang'}

登录后复制

最重要的是要记住在模块里面,除了被分配给module.exports的变量,其他的都是该模块私有的,在使用require()加载后,这些变量的内容将会被缓存并返回。

定义全局变量

即使所有的变量和函数都在模块本身的作用域内声明的,但是仍然可以定义全局变量,事实上,模块系统暴露一个用来定义全局变量的特殊变量global,任何分配到这个变量的变量都会自动的变成全局变量

需要注意的是,污染全局作用域是一个很不好的事情,甚至使得让模块系统的优点消失,所以只有当你自己知道你要做什么时候,才去使用它

module.exports VS exports

很多不熟悉Node的开发同学,会对于module.exports和exports非常的困惑,通过上面的代码我们很直观的明白,exports只是module.exports的一个引用,而且在模块加载之前它本质上只是一个简单的对象

这意味着我们可以将新属性挂载到exports引用上

exports.hello = () => { console.log('hello');}

登录后复制

如果是对exports重新赋值,也不会有影响,因为这个时候exports是一个新的对象,而不再是module.exports的引用,所以不会改变module.exports的内容。所以下面的代码是错误的

exports = () => { console.log('hello');}

登录后复制

如果你想暴露的不是一个对象,或者是函数、实例或者是一个字符串,那可以通过module.exports来做

module.exports = () => { console.log('hello');}

登录后复制

require函数是同步的

另外一个重要的我们需要注意的细节是,我们自建的require函数是同步的,事实上,它返回模块内容的方法很简单,并且不需要回调函数。Node内置的require()函数也是如此。因此,对于module.exports内容必须是同步的

// incorret codesetTimeout(() => { module.exports = function(){}}, 100)

登录后复制

这个性质对于我们定义模块的方法十分重要,使得限制我们在定义模块的时候使用同步的代码。这也是为什么Node提供了很多同步API给我们的最重要的原因之一

如果我们需要定义一个异步操作来进行初始化的模块,我们也可以这么做,但是这种方法的问题是,我们不能保证require进来的模块能够准备好,后续我们会讨论这个问题的解决方案

其实,在早期的Node版本里,是有异步的require方法的,但是因为它的初始化时间和异步I/O所带来的性能消耗而废除了

resolving 算法

相依性地狱(dependency hell)描述的是由于软件之间的依赖性不能被满足从而导致的问题,软件的依赖反过来取决于其他的依赖,但是需要不同的兼容版本。Node很好的解决了这个问题通过加载不同版本的模块,具体取决于该模块从哪里被加载。这个特性的所有优点都能在npm上体现,并且也在require函数的resolving 算法中使用

然我们来快速连接下这个算法,我们都知道,resolve()函数获取模块名作为输入,然后返回一个模块的全路径,该路金用于加载它的代码也作为该模块唯一的标识。resolcing算法可以分为以下三个主要分支

文件模块(File modules),如果模块名是以”/”开始,则被认为是绝对路径开始,如果是以”./”开始,则表示为相对路径,它从使用该模块的位置开始计算加载模块的位置

核心模块(core modules),如果模块名不是”/”、”./”开始的话,该算法会首先去搜索Node的核心模块

包模块(package modules),如果通过模块名没有在核心模块中找到,那么就会继续在当前目录下的node_modules文件夹下寻找匹配的模块,如果没有,则一级一级往上照,直到到达文件系统的根目录

对于文件和包模块,单个文件和文件夹可以匹配到模块名,特别的,算法将尝试匹配一下内容

.js

/index.js

在/package main中指定的目录/文件

算法文档

每个包通过npm安装的依赖会放在node_modules文件夹下,这就意味着,按照我们刚刚算法的描述,每个包都会有它自己私有的依赖。

myApp├── foo.js└── node_modules ├── depA │ └── index.js └── depB  │  ├── bar.js  ├── node_modules  ├── depA  │ └── index.js  └── depC    ├── foobar.js    └── node_modules     └── depA      └── index.js

登录后复制

通过看上面的文件夹结构,myApp、depb和depC都依赖depA,但是他们都有自己私有的依赖版本,根据上面所说的算法的规则,当使用require(‘depA’)会根据加载的模块的位置加载不同的文件

myApp/foo.js 加载的是 /myApp/node_modules/depA/index.js

myApp/node_modules/depB/bar.js 加载的是 /myApp/node_modules/depB/node_modules/depA/index.js

myApp/node_modules/depB/depC/foobar.js 加载的是 /myApp/node_modules/depB/depC/node_modules/depA/index.js

resolving算法是保证Node依赖管理的核心部分,它的存在使得即便应用程序拥有成百上千个包的情况下也不会出现冲突和版本不兼容的问题

当我们使用require()时,resolving算法对于我们是透明的,然后,如果需要的话,也可以在模块中直接通过调用require.resolve()来使用

模块缓存(module cache)

每个模块都会在它第一次被require的时候加载和计算,然后随后的require会返回缓存的版本,这一点通过看我们自制的require函数会非常清楚,缓存是提高性能的重要手段,而且他也带来了一些其他的好处

使得在模块依赖关系中,循环依赖变得可行

它保证了在给定的包中,require相同的模块总是会返回相同的实例

模块的缓存通过变量require.cache暴露出来,所以如果需要的话,可以直接获取,一个很常见的使用场景是通过删除require.cache的key值使得某个模块的缓存失效,但是不建议在非测试环境下去使用这个功能

循环依赖

很多人会认为循环依赖是自身设计的问题,但是这确实是在真实的项目中会发生的问题,所以我们很有必要去弄清楚在Node内部是怎么工作的。然我们通过我们自制的require函数来看看有没有什么问题

定义两个模块

// a.jsexports.loaded = false;const b = require('./b.js');module.exports = { bWasLoaded: b.loaded, loaded: true}// b.jsexports.loaded = false;const a = require('./a.js');module.exports = { aWasLoaded: a.loaded, loaded: true}

登录后复制

在main.js中调用

const a = require('./a');const b = require('./b');console.log(a);console.log(b);

登录后复制

最后的结果是

{ bWasLoaded: true, loaded: true }
{ aWasLoaded: false, loaded: true }

这个结果揭示了循环依赖的注意事项,虽然在main主模块require两个模块的时候,它们已经完成了初始化,但是a.js模块是没有完成的,这种状态将会持续到它把模块b.js加载完,这种情况需要我们值得注意

其实造成这个的原因主要是因为缓存的原因,当我们先引入a.js的时候,到达去引入b.js的时候,这个时候require.cache已经有了关于a.js的缓存,所以在b.js模块中,去引入a.js的时候,直接返回的是require.cache中关于a.js的缓存,也就是不完全的a.js模块,对于b.js也是一样的操作,才会得出上面的结果

模块定义技巧

模块系统除了成为一个加载依赖的机制意外,也是一个很好的工具去定义API,对于API设计的主要问题,是去考虑私有和公有功能的平衡,最大的隐藏内部实现细节,对外暴露出API的可用性,而且还需要对软件的扩展性和可用性等的平衡

接下来来介绍几种在Node中常见的定义模块的方法

命名导出

这也是最常见的一种方法,通过将值挂载到exports或者是module.exports上,通过这种方法,对外暴露的对象成为了一个容器或者是命名空间

// logger.jsexports.info = function(message) { console.log('info:' + message);}exports.verbose = function(message) { console.log('verbose:' + message)}

登录后复制

// main.jsconst logger = require('./logger.js');logger.info('hello');logger.verbose('world');

登录后复制

很多Node的核心模块都使用的这种模式

其实在CommonJS规范中,只允许使用exports对外暴露公共成员,因此该方法是唯一的真的符合CommmonJS规范的,对于通过module.exports去暴露的,都是Node的一个扩展功能

函数导出

另一个很常见的就是将整个module.exports作为一个函数对外暴露,它主要的优点在于只暴露了一个函数,使得提供了一个很清晰的模块的入口,易于理解和使用,这种模式也被社区称为substack pattern

// logger.jsmodule.exports = function(message) { // ...}

登录后复制

该模式的的一个扩展就是将上面提到的命名导出组合起来,虽然它仍然只是提供了一个入口点,但是可以使用次要的功能

module.exports.verbose = function(message) { // ...}

登录后复制

虽然看起来暴露一个函数是一个限制,但是它是一个很完美的方式,把重点放在一个函数中,代表该函数是这个模块最重要的功能,而且使得内部私有变量属性变的更透明

Node的模块化也鼓励我们使用单一职责原则,每个模块应该对单个功能负责,从而保证模块的复用性

构造函数导出

将构造函数导出,是一个函数导出的特例,但是区别在于它可以使得用户通过它区创建一个实例,但是我们仍然继承了它的prototype属性,类似于类的概念

class Logger { constructor(name) {  this.name = name; } log(message) {  // ... } info(message) {  // ... } verbose(message) {  // ... }}

登录后复制

const Logger = require('./logger');const dbLogger = new Logger('DB');// ...

登录后复制

实例导出

我们可以利用require的缓存机制轻松的定义从构造函数或者是工厂实例化的实例,可以在不同的模块中共享

// count.jsfunction Count() { this.count = 0;}Count.prototype.add = function() { this.count++;}module.exports = new Count();// a.jsconst count = require('./count');count.add();console.log(count.count)// b.jsconst count = require('./count');count.add();console.log(count.count)// main.jsconst a = require('./a');const b = require('./b');

登录后复制

输出的结果是

1
2

该模式很像单例模式,它并不保证整个应用程序的实例的唯一性,因为一个模块很可能存在一个依赖树,所以可能会有多个依赖,但是不是在同一个package中

修改其他的模块或者全局作用域

一个模块甚至可以导出任何东西这可以看起来有点不合适;但是,我们不应该忘记一个模块可以修改全局范围和其中的任何对象,包括缓存中的其他模块。请注意,这些通常被认为是不好的做法,但是由于这种模式在某些情况下(例如测试)可能是有用和安全的,有时确实可以利用这一特性,这是值得了解和理解的。我们说一个模块可以修改全局范围内的其他模块或对象。它通常是指在运行时修改现有对象以更改或扩展其行为或应用的临时更改。

以下示例显示了我们如何向另一个模块添加新函数

// file patcher.js// ./logger is another modulerequire('./logger').customMessage = () => console.log('This is a new functionality');

登录后复制

// file main.jsrequire('./patcher');const logger = require('./logger');logger.customMessage();

登录后复制

在上述代码中,必须首先引入patcher程序才能使用logger模块。

上面的写法是很危险的。主要考虑的是拥有修改全局命名空间或其他模块的模块是具有副作用的操作。换句话说,它会影响其范围之外的实体的状态,这可能导致不可预测的后果,特别是当多个模块与相同的实体进行交互时。想象一下,有两个不同的模块尝试设置相同的全局变量,或者修改同一个模块的相同属性,效果可能是不可预测的(哪个模块胜出?),但最重要的是它会对在整个应用程序产生影响。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

bootstrap有哪些轮播模板可以使用

JS数组去重最快的算法

以上就是Node的模块系统使用详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2772179.html

(0)
上一篇 2025年3月8日 13:11:08
下一篇 2025年3月8日 13:11:15

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Bootstrap的表单验证功能使用详解

    这次给大家带来Bootstrap的Bootstrap功能使用详解,Bootstrap表单验证的Bootstrap有哪些,下面就是实战案例,一起来看一下。 使用方式: 1.CSS样式 .valierror { border-color: re…

    编程技术 2025年3月8日
    200
  • 在ES6里模板字符串使用详解

    这次给大家带来在ES6里模板字符串使用详解,在ES6里模板字符串使用的注意事项有哪些,下面就是实战案例,一起来看一下。 写在前面 关于 ES6, 也终于在 2015 年的 7 月 18 号尘埃落定了。虽然说各大浏览器还没有全面的支持,不过这…

    编程技术 2025年3月8日
    200
  • vue中SPA单页面应用程序详解

    这次给大家带来vue中SPA单页面应用程序详解,使用vue中SPA单页面应用程序的注意事项有哪些,下面就是实战案例,一起来看一下。 一、SPA的概述 SPA(single page application)单页面应用程序,在一个完成的应用或…

    编程技术 2025年3月8日
    200
  • Vue路由钩子的实战使用教程

    这次给大家带来Vue路由钩子实战使用教程,Vue路由钩子使用的注意事项有哪些,下面就是实战案例,一起来看一下。 一. 路由钩子语法 在vue-router的官方文档中, 将路由钩子翻译为导航守卫, 下面是文档中的内容摘要, 大家也可以通过传…

    编程技术 2025年3月8日
    200
  • vue的花括号怎么使用

    这次给大家带来vue的花括号怎么使用,vue花括号使用的注意事项有哪些,下面就是实战案例,一起来看一下。 {{}}的使用 {{msg}} {{cart.brand}} 3 + 5 = {{ 3 + 5 }} new Vue({ el:”#c…

    编程技术 2025年3月8日
    200
  • vue综合组件通信使用案例

    这次给大家带来vue综合组件通信使用案例,vue综合组件通信使用的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例为大家分享了vue综合组件间的通信,供大家参考,具体内容如下 实现一个ToDoList。 ①完成所有的组件的创建和使…

    编程技术 2025年3月8日
    200
  • angular组件间传值与通信使用详解

    这次给大家带来angular组件间传值与通信使用详解,angular组件间传值与通信的注意事项有哪些,下面就是实战案例,一起来看一下。 本文主要介绍angular在不同的组件中如何进行传值,如何通讯。主要分为父子组件和非父子组件部分。 父子…

    编程技术 2025年3月8日
    200
  • Vue全家桶项目实践详解

    这次给大家带来Vue全家桶项目实践详解,使用Vue全家桶实现项目的注意事项有哪些,下面就是实战案例,一起来看一下。 从前端的角度看,Vue可以说是目前最理想的前端MVVM框架,一切为界面服务,上手难度低,本文就将记录使用Vue全家桶(Vue…

    编程技术 2025年3月8日
    200
  • Vuex状态管理应如何使用

    这次给大家带来Vuex状态管理应如何使用,Vuex状态管理使用的注意事项有哪些,下面就是实战案例,一起来看一下。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状…

    编程技术 2025年3月8日
    200
  • JS按钮禁用和启用使用详解

    这次给大家带来JS按钮禁用和启用使用详解,使用JS按钮禁用和启用的注意事项有哪些,下面就是实战案例,一起来看一下。 废话不多说了,直接给大家贴代码了,具体代码如下所述: 按钮启用和禁用function btn1(){ document.ge…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论