什么是模块化?深析node模块化的那些事

什么是模块化?本篇文章带大家深度解析node模块化的那些事,希望对大家有所帮助!

什么是模块化?深析node模块化的那些事

什么是模块化

模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组合、分解和更换的单元。

在上方的定义中未免有一些晦涩难懂,简单的给大家举个例子:我们小时候玩的小霸王游戏机,当我们玩烦了一款游戏的时候,我们不可能直接更换一个游戏机呀,我们可以通过更换游戏带从而体验各种不同的游戏。这种形式就是模块化,把游戏分化成一个个小模块,当我们需要它的时候拿过来插入使用即可!【相关教程推荐:nodejs视频教程、编程教学】

在我们的编程中的模块化,其实就是遵循固定的规则,把一个大文件拆分成为一个个独立并且相互依赖的多个小模块

代码进行模块拆分的好处:

提高了代码的复用性提高了代码的可维护性可以实现按需加载(这个真的是嘎嘎好用!)

模块化规范

模块化规范就是对代码进行模块化的拆分与组合时,需要遵守的那些规则。

例如:
?1. 使用什么样的语法格式来引用模块
?2. 在模块中使用什么样的语法格式向外暴露成员

模块化规范的好处:大家都遵守同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互调用,利人利己。(黑马哥总结的真到位)

node.js中的模块分类

Node.js 中根据模块来源的不同,将模块分为了 3 大类,分别是:
? 1. 内置模块(内置模块是由 Node.js 官方提供的,例如 fs、path、http 等)
? 2. 自定义模块(用户创建的每个 .js 文件,都是自定义模块)
? 3. 第三方模块(由第三方开发出来的模块,并非官方提供的内置模块,也不是用户创建的自定义模块,使用前需要先下载)

我们在以上文章中已经学了常用的内置模块,剩下的两个模块相对来说没有什么特点,比较的依赖于开发者的需求!

加载模块

使用强大的 require()方法,可以加载需要的内置模块、用户自定义模块、第三方模块进行使用.

注意:使用 require() 方法加载其它模块时,会执行被加载模块中的代码。

node.js的模块作用域

什么是模块作用域

和函数作用域类似,在自定义模块中定义的变量、方法等成员,只能在当前模块内被访问,这种模块级别的访问限制,叫做模块作用域。

代码示例:

//在模块作用域中定义常量 nameconst name = 'qianmo'//在模块作用域中定义函数sing()function sing() {    console.log(`大家好,我是${name}`);}

登录后复制

//在测试js文件中加载模块const a = require('./08.模块作用域')console.log(a);  // {}

登录后复制

在上述代码中,我们在模块作用域中定义了常量和方法,但是在测试的js文件中加载模块后去打印,我们发现打印出来的是空对象。这是因为模块作用域中的属性和方法是私有成员,我们在加载模块的时候无法访问到!

模块作用域的好处

模块作用域的好处其实就只有一个:防止全局变量污染的问题

1.png

在上述代码中,我们引入了两个js文件,在js文件中都同时定义了变量a,我们打印a之后,发现打印出来的是zs,在这里我们就可以发现一个问题,2.js文件覆盖了1.js,这就反应出来了一个问题,当我们定义全局变量的时候容易造成变量污染,node的模块化可以很好的帮助我们解决这个问题!

向外共享模块作用域中的成员

module对象

在每个 .js 自定义模块中都有一个 module 对象,它里面存储了和当前模块有关的信息

我们打印一下module,console.log(module):

2.png

module.exports对象

在自定义模块中,可以使用 module.exports 对象,将模块内的成员共享出去,供外界使用。
外界用 require() 方法导入自定义模块时,得到的就是 module.exports 所指向的对象。

代码示例:

// 在默认情况下 module.exports = {}const age = 20//向 module.exports 对象上挂载 name 属性module.exports.name = '正式'//向 module.exports 对象上挂载 sing 方法module.exports.sing = function() {    console.log('hello');}module.exports.age = age//让 module.exports 指向一个全新的对象module.exports = {    username : 'qianmo',    hi() {        console.log('你好啊!');    }}

登录后复制

// 在外界使用require 导入一个自定义模块的时候 得到的成员。// 就是 那个模块中,通过 module.exports 指向的那个对象const m1 = require('./11.自定义模块')console.log(m1); // { username: 'qianmo', hi: [Function: hi] }

登录后复制

在测试js文件中,我们打印了引入的模块,发现打印出来了module.exports最后指定的对象
注意:使用 require() 方法导入模块时,导入的结果,永远以 module.exports 指向的对象为准。

exports对象

由于 module.exports 单词写起来比较复杂,为了简化向外共享成员的代码,Node 提供了 exports 对象。默认情况下,exports 和 module.exports 指向同一个对象。最终共享的结果,还是以 module.exports 指向的对象为准。

代码示例:

console.log(exports); // {}console.log(module.exports); // {}console.log(exports === module.exports); // true

登录后复制

在我们进行对exports对象解析之前,我们需要确定一下exports与module.exports是不是指向的是一个对象,我们可以看出,最后打印出了true,说明exports与module.exports指向的是一个对象!

const username = 'zs'exports.username = usernameexports.age = 20exports.sayHello = function() {    console.log('大家好!');}//最终向外共享的结果,永远是 module.exports 所指向的对象

登录后复制

const m = require('./13.exports对象')console.log(m); //{ username: 'zs', age: 20, sayHello: [Function (anonymous)] }

登录后复制

在上述的代码中,我们在私有模块中定义了属性和方法,我们通过exports将属性和方法导出,在测试文件中引入,我们会发现,测试文件中打印出了属性和方法。

exports 和 module.exports 的使用误区

时刻谨记,使用require() 引入模块时,得到的永远是module.exports 指向的对象:

3.png

在第一个图中,module.exports指向一个新对象,所以在测试文件中,只会打印出来{gender:’男’,age:22}在第二个图中,虽然exports指向了一个新对象,但是我们知道我们只会打印出来module.exports指向的对象,所以我们只能打印出来一个属性{username : ‘zs’}在第三个图中,exports和module.exports都没有指定一个新对象,我们还知道,在默认情况下exports和module.exports指向的是一个对象,所以最终打印出来{username : ‘zs’,gender:’男’}在第四个图中,exports指向了一个新对象,但是最终这个对象又赋值给了module.exports,所以,最后打印出了{username:’zs’,gender:’男’,age:22}

? 注意 : 不要在一个文件中同时使用exports和module.exports,防止混淆

Node.js 中的模块化规范(commonJS)

Node.js 遵循了 CommonJS 模块化规范,CommonJS 规定了模块的特性和各模块之间如何相互依赖。

CommonJS 规定:
① 每个模块内部,module 变量代表当前模块。
② module 变量是一个对象,它的 exports 属性(即 module.exports)是对外的接口。
③ 加载某个模块,其实是加载该模块的 module.exports 属性。require() 方法用于加载模块。

小结

模块化是node.js最大的特点,在前端的项目开发中,模块化已经成为了必不可少的部分,我们在vue中使用的组件化其实就是模块化的概念,前端只要学透了模块化,那么你的函数封装能力,按需调用的能力将会大大提升,这样的话将会极大限度的提升你的项目开发效率。

更多node相关知识,请访问:nodejs 教程!

以上就是什么是模块化?深析node模块化的那些事的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月7日 18:28:56
下一篇 2025年3月6日 02:28:52

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

相关推荐

  • 怎么利用Node搭建Https服务

    怎么利用node搭建https服务?下面本篇文章给大家介绍一下node.js搭建https服务的方法,希望对大家有所帮助! Node.js用于做小程序后台服务,域名要求必须是Https协议。在Node.js开启Http服务是非常简单的,如下…

    2025年3月7日 编程技术
    200
  • node项目中如何使用express来处理文件的上传

    怎么处理文件上传?下面本篇文章给大家介绍一下node项目中如何使用express来处理文件的上传,希望对大家有所帮助! 上传单个文件 我们可以使用 express 官方出品的第三方中间件 multer 来处理,先是安装: npm i mul…

    2025年3月7日 编程技术
    200
  • 深入聊聊Node进程管理工具-pm2的使用方法

    如何使用node进程管理工具-pm2,下面本篇文章带大家聊聊node进程管理工具-pm2的使用方法,希望对大家有所帮助! pm2 是什么 pm2 是一个守护进程管理工具,它能帮你守护和管理你的应用程序。通常一般会在服务上线的时候使用 pm2…

    2025年3月7日 编程技术
    200
  • JavaScript中的模块化编程思想

    javascript是一种广泛使用的编程语言,用于开发web应用程序和动态网页。随着web应用程序越来越复杂,javascript代码也变得越来越复杂,难以维护和扩展。为了解决这个问题,javascript开发者开始采用模块化编程思想。在本…

    编程技术 2025年3月7日
    200
  • 如何利用React和Webpack实现前端代码的模块化打包

    如何利用React和Webpack实现前端代码的模块化打包 引言:在前端开发中,随着项目的复杂性增加,代码的管理和维护变得越来越困难,因此模块化打包成为了必不可少的工具。React作为一款流行的前端框架,通过组件化开发的思想,大大简化了复杂…

    2025年3月7日
    200
  • 学习JavaScript中的代码组织和模块化开发

    随着互联网的普及和应用的日益多样化,前端开发人员的技能要求也越来越高,其中JavaScript是前端开发人员必须精通的一门编程语言。JavaScript不仅用于网页交互、动态效果实现,同时也广泛用于Node.js等后端开发。在开发JavaS…

    2025年3月7日
    200
  • JavaScript函数模块化:组织代码的高级技术

    JavaScript函数模块化:组织代码的高级技术 JavaScript作为前端开发中最重要的语言之一,其代码组织和管理问题也成为了开发人员不得不面对的挑战。JavaScript代码在过去经常使用传统的面向对象思想进行组织,但是随着应用程序…

    2025年3月7日
    200
  • 在node中vue项目如何实现前后端分离

    其实基于vue.js+node.js构建的开源博客系统有很多,下面这篇文章主要给大家介绍了关于node vue项目开发之前后端分离的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友下面来一起看…

    编程技术 2025年3月7日
    200
  • 在node.js中如何将MongoDB数据同步到MySQL中去

    这篇文章主要给大家介绍了关于node.js将mongodb数据同步到mysql的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧。 前言 最近由于业务需要,APP端后台需…

    编程技术 2025年3月7日
    200
  • Node.js中路径处理模块path的介绍

    这篇文章主要介绍了关于node.js中路径处理模块path的介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 相信大家都知道在nodejs中,path是个使用频率很高,但却让人又爱又恨的模块。因为部分文档说的不够清晰,还有…

    编程技术 2025年3月7日
    200

发表回复

登录后才能评论