【Node.js】模块化学习

简介: 【Node.js】模块化学习

模块化的基本概念

       什么是模块化

               现实中的模块化

image.gif编辑

小霸王游戏机就是模块化,游戏卡带 以及机器都是模块,模块化可以方便我们更换不同的游戏卡带,如果游戏机不是模块化的话,那么我们每次换游戏都需要重新购买游戏机了,模块化更能满足我们的需求。

               编程领域中的模块化

   编程领域中的模块化,就是遵守固定的规则,把一个大文件拆成独立并互相依赖的多个小模块。

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

    1. 提高了代码的实用性
    2. 提高了代码的可维护性
    3. 可以实现按需加载

           模块化规范

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

    例如

      • 使用什么样的语法格式来引用模块
      • 在模块中使用什么样的语法格式向外暴露成员

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

      Node.js中的模块化

             Node.js中模块的分类

      Node.js中根据模块来源的不同,将模块分为了三大类,分别是:

        • 内置模块: 有官方提供的模块,如http,path等;
        • 自定义模块:用户创建的每个js文件,都是自定义模块
        • 第三方模块:并非官方提供的内置模块也不是自己定义的模块,而是第三方开发出来的模块,使用前需要下载

                加载模块

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

        //加载内置的fs模块 
        const fs = require('fs');
        //加载自定义模块 写入路径导入自己写的js文件
        const custom = require('路径');
        //导入第三方模块
        const moment = require('moment');

        image.gif

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

               Node.js中的模块作用域

                       什么是模块作用域

        和函数作用域类似,再自定义模块中定义的变量,方法等成员,只能在当前定义的模块内被访问,这种模块机别的访问限制,被叫做模块作用域,导入模块后 也不能使用模块内的函数等,

                       模块作用域好处

        防止了全局变量污染的问题,这个问题 我再之前的es6文章 let const var定义函数中说过。

             

        //再01.js中书写相关内容
        const extend = '123456';
        console.log('加载模块');

        image.gif

        //引用并打印 我们可以看看都获取了什么内容
        const custom = require('./草稿/01.js');
        console.log(custom);

        image.gif

        image.gif编辑

        一个导入模块自动执行的显示语句,和打印模块获取的空对象。

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

                       module对象

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

        我们可以打印下module对象看看里面的内容

        image.gif编辑

                        module.exports对象

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

        //01.js
        module.exports.extend = '123456';

        image.gif

        //导入
        const custom = require('./草稿/01.js');
        console.log(custom);

        image.gif

        image.gif编辑

                        共享成员的注意点

        使用require()方法导入模块时,导入的结果,永远以module.exports指向的对象为准。

        //曝光extend这个对象属性
        //旧对象
        module.exports.extend = '123456';
        module.exports.say = function () {
        }
        //新对象
        module.exports = {
            abc: '123',
            hel: function () {
            }
        }

        image.gif

        const custom = require('./草稿/01.js');
        console.log(custom);

        image.gif

        image.gif编辑

        打印出新对象

                       exports对象

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

                        exports和module.exports的适用误区

                       image.gif编辑

        image.gif编辑

        image.gif编辑

        image.gif编辑

        注意:为了防止混乱,建议大家不要再同一个模块中同时使用exports和module.exports,尽量只使用module.exports,或者 在同一个模块中 如果不添加新的对象 大家可以使用exports添加属性,如果要改变对象的话 使用module.exports。

                Node.js中的模块化规范

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

        CommonJS规定:

          1. 每个模块内部,module变量代表当前模块。
          2. module变量是一个对象,它的exports属性是对外的借口。
          3. 加载某个模块,其实是加载该模块的module.exports属性。
          目录
          相关文章
          |
          5月前
          |
          前端开发 JavaScript
          个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
          本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
          |
          5月前
          |
          前端开发
          个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
          这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
          |
          JavaScript 前端开发 开发者
          VUE 开发——Node.js学习(一)
          VUE 开发——Node.js学习(一)
          246 2
          |
          6月前
          |
          JavaScript 数据可视化 前端开发
          three.js简单实现一个3D三角函数学习理解
          1.Three.js简介 Three.js是一个基于JavaScript编写的开源3D图形库,利用WebGL技术在网页上渲染3D图形。它提供了许多高级功能,如几何体、纹理、光照、阴影等,以便开发者能够快速地创建复杂且逼真的3D场景。同时,Three.js还具有很好的跨平台和跨浏览器兼容性,让用户无需安装任何插件就可以在现代浏览器上观看3D内容。
          207 0
          |
          JavaScript
          js学习--制作猜数字
          js学习--制作猜数字
          118 4
          js学习--制作猜数字
          |
          JavaScript
          webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
          这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
          211 1
          webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
          |
          12月前
          |
          Web App开发 JavaScript 前端开发
          如何学习JavaScript?
          如何学习JavaScript?
          231 5
          |
          12月前
          |
          JavaScript 前端开发 索引
          JavaScript学习第二章--字符串
          本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
          121 2
          |
          12月前
          |
          存储 JavaScript 前端开发
          JavaScript学习第一章
          本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
          155 1