当前位置: 首页 > news >正文

Node模块化开发

认识模块化开发

JavaScript 的模块化是一种将代码组织成独立、可重用的模块单元的开发方法。模块化开发有助于提高代码的可维护性、可扩展性和可重用性,以及减少命名冲突和全局作用域中的变量污染问题。JavaScript 的模块化开发可以通过多种方式实现,其中两个主要的标准是 CommonJS 和 ES6 模块。

  1. CommonJS 模块: CommonJS 是一种模块化系统,最初是为服务器端 JavaScript 开发设计的,如 Node.js。在 CommonJS 中,每个模块都有自己的作用域,可以导出(export)自己的功能并引入(require)其他模块的功能。以下是一个示例:

    javascriptCopy code
    // math.js
    exports.add = function(a, b) {return a + b;
    };// app.js
    var math = require('./math');
    console.log(math.add(2, 3)); // 输出 5
    

    在这个示例中,math.js 模块导出了 add 函数,而 app.js 模块引入了 math.js 模块并使用了它的功能。

  2. ES6 模块: ECMAScript 6(ES6)引入了一种官方的模块系统,用于在现代浏览器中进行模块化开发,以及在支持 ES6 模块的环境中进行开发。在 ES6 模块中,使用 import 来导入其他模块的功能,使用 export 来导出自己的功能。以下是一个示例:

    javascriptCopy code
    // math.js
    export function add(a, b) {return a + b;
    }// app.js
    import { add } from './math';
    console.log(add(2, 3)); // 输出 5
    

    ES6 模块在现代的 JavaScript 开发中变得越来越流行,因为它提供了更严格的模块化机制,并且得到了浏览器的原生支持。

模块化开发的好处包括:

  • 代码组织:将代码划分为小模块,使代码更易于管理和理解。
  • 代码复用:模块可以在不同的项目中重复使用。
  • 避免全局作用域污染:模块的作用域是隔离的,不会干扰其他模块的变量。
  • 更好的可维护性:模块化代码更容易测试、维护和升级。

无论是使用 CommonJS 还是 ES6 模块,模块化开发都是 JavaScript 中的重要实践,有助于提高代码质量和开发效率。

CommonJs规范 和 Node关系

CommonJS(通用模块规范)是一种模块系统规范,用于组织和加载模块化代码。Node.js 是一种服务器端 JavaScript 运行时环境,最初设计用于构建网络应用程序。这两者之间的关系是,Node.js 在其核心模块系统中采用了 CommonJS 规范作为模块加载机制。

下面是关于 CommonJS 规范和 Node.js 之间关系的主要要点:

  1. Node.js 的模块系统: Node.js 采用了 CommonJS 规范作为其模块系统的基础。这意味着在 Node.js 中,可以使用 require 函数来加载其他模块,并使用 module.exportsexports 来导出模块的功能。这使得开发者能够将代码分割成小的、可重用的模块,并在不同的模块之间共享功能和变量。
  2. CommonJS 模块规范: CommonJS 规范定义了如何组织模块和如何在运行时加载它们。它提供了一种机制,允许模块拥有自己的作用域,从而避免全局变量的污染和命名冲突。规范还定义了模块的导入和导出语法。
  3. Node.js 生态系统: Node.js 生态系统中有许多模块和库,它们都采用 CommonJS 规范,因此可以轻松地在 Node.js 项目中使用这些模块。开发者可以使用 Node.js 的包管理工具 npm 来安装和管理这些模块。
  4. 模块加载机制: Node.js 使用 CommonJS 模块加载机制来动态加载模块。当你使用 require 导入一个模块时,Node.js 会自动查找、加载并执行该模块的代码。这使得 Node.js 应用程序能够按需加载模块,从而提高性能和可维护性。

总之,CommonJS 规范和 Node.js 之间的关系是,Node.js 使用 CommonJS 规范作为其模块系统的基础,允许开发者以模块化的方式组织和加载代码。这种模块化的方法有助于提高 Node.js 应用程序的可维护性和可重用性,使其成为一个强大的服务器端 JavaScript 平台。

exports 导出原理

在 Node.js 中,exports 是一个特殊的对象,用于导出模块的功能以便其他模块可以引入和使用。exports 是 CommonJS 模块系统的一部分,它的工作原理可以简单地概括如下:

  1. exports 是一个对象: 当你在一个 Node.js 模块中声明 exports 时,实际上是创建了一个空对象,该对象将被用来存储要导出的模块功能。

  2. exports 添加属性: 你可以向 exports 对象添加属性(变量、函数等),这些属性将成为你模块的公共接口。其他模块可以通过 require 来访问这些属性。

  3. module.exports 的作用: 在实际使用中,exports 通常与 module.exports 结合使用。module.exports 是实际导出的对象,而 exports 只是它的一个引用。这意味着你可以直接向 exports 添加属性,也可以通过 module.exports 来替换整个导出对象。

    举个例子:

    // math.js
    exports.add = function(a, b) {return a + b;
    };// app.js
    var math = require('./math');
    console.log(math.add(2, 3)); // 输出 5
    

    在这个例子中,math.js 模块通过 exports 导出了一个 add 函数,然后在 app.js 模块中使用 require 来引入 math 模块,从而可以访问 add 函数。

  4. 模块加载时导出的对象: Node.js 在加载模块时,会返回 module.exports 对象作为模块的公共接口。这意味着其他模块通过 require 获取的是 module.exports 对象的引用。

  5. 使用 module.exports 替换导出对象: 如果你想导出一个单一的函数、类或对象,你可以使用 module.exports 来替换默认导出对象,例如:

    // mymodule.js
    function myFunction() {// ...
    }
    module.exports = myFunction;
    

    这种方式会覆盖之前在 exports 中定义的任何属性。

总之,exports 在 Node.js 中用于导出模块的功能,允许其他模块通过 require 来引入这些功能。exports 本质上是一个普通的 JavaScript 对象,而 module.exports 是实际的导出对象,它们的关系使得模块导出和引入变得简单而灵活。

module.exports 和 exports 的关系和区别

module.exportsexports 都用于在 Node.js 模块中导出功能以供其他模块引用,但它们之间有一些重要的区别和关系:

  1. module.exportsexports 的关系: 初始时,exports 是指向 module.exports 的一个引用。这意味着它们指向同一个对象。所以,如果你通过 exports 添加属性或方法,它们会在 module.exports 上也可见。例如:

    console.log(module.exports === exports); // 输出 true
    
  2. 导出方式: 你可以使用 module.exportsexports 来导出模块的功能。例如:

    使用 module.exports 导出一个函数:

    // math.js
    module.exports = function(a, b) {return a + b;
    };
    

    使用 exports 导出一个函数:

    // math.js
    exports.add = function(a, b) {return a + b;
    };
    

    你也可以混合使用它们,但要小心,避免混淆。

  3. 覆盖导出对象: 如果你想导出一个单一的函数、类或对象,你通常会使用 module.exports 来替换默认导出对象。例如:

    // math.js
    function add(a, b) {return a + b;
    }
    module.exports = add;
    

    这种方式会覆盖之前在 exports 中定义的任何属性。

  4. 当直接赋值 exports 时: 如果你直接为 exports 赋值一个新对象,exports 将不再指向 module.exports。这意味着之前通过 exports 添加的属性将不会被导出。例如:

    exports = {someFunction: function() {// ...}
    };
    

    在这种情况下,module.exports 仍然指向空对象,因此不会导出任何东西。

总的来说,module.exports 是 Node.js 模块系统用于导出模块的功能的主要机制,而 exports 只是一个方便的辅助引用。通常情况下,使用 module.exports 用于定义模块的默认导出对象,而使用 exports 用于添加属性或方法到导出对象中。要注意混合使用它们可能会引发问题,因此最好保持一致的用法,以避免潜在的混淆。

require 查找路径规则

Node.js 中的 require 函数用于查找和加载模块。模块路径的查找规则通常涉及以下几个步骤:

  1. 核心模块查找: Node.js 首先检查请求的模块路径是否匹配核心模块的名称。核心模块是 Node.js 内置的模块,可以直接通过模块名引用,例如 require('fs')。如果请求的模块路径匹配核心模块名,Node.js 会直接加载核心模块,而不会继续后续查找。

  2. 文件模块查找: 如果模块路径不是核心模块,Node.js 将尝试查找与模块路径匹配的文件。查找过程通常包括以下步骤:

    • 如果模块路径是相对路径(以 ./../ 开头),Node.js 会根据当前模块的位置构建相对路径,然后查找相应的文件。例如,如果当前模块位于 /home/user/project/app.js,而你请求 require('./myModule'),Node.js 会查找 /home/user/project/myModule.js/home/user/project/myModule/index.js

    • 如果模块路径是绝对路径(以 / 开头),Node.js 会从项目的根目录开始查找。例如,如果你请求 require('/myModule'),Node.js 会查找 /myModule.js/myModule/index.js

  3. 文件夹模块查找: 如果文件模块查找没有成功,Node.js 会尝试查找一个名为 package.json 的文件夹模块。在这种情况下,Node.js会查找一个名为 package.json 的文件,然后检查其中是否包含 main 属性。main 属性指定了模块的入口文件。如果找到入口文件,它将被加载作为模块。如果没有找到入口文件或 package.json 文件,Node.js会继续后续查找。

  4. 模块路径解析: 如果以上步骤都未找到匹配的模块,Node.js 会根据模块路径解析规则查找。这包括查找 node_modules 目录以及全局模块目录等。

  5. 全局模块查找: Node.js 支持全局模块,可以通过 require 直接引用。全局模块通常存储在全局模块目录中,例如 require('http')

  6. 模块路径缓存: 一旦模块被找到和加载,Node.js 会将其缓存在内存中,以提高后续的 require 调用性能。这意味着模块不会被重复加载,而是直接返回已加载的模块。

以上是一般情况下 require 函数查找模块路径的规则。这些规则确保了 Node.js 能够根据模块的相对路径、绝对路径、包配置文件等信息来正确地定位和加载模块。如果模块未找到,Node.js 会抛出一个 Error

CommonJS 规范缺点

CommonJS 是一种模块系统规范,最初设计用于服务器端 JavaScript,如 Node.js。尽管 CommonJS 有很多优点,如模块化开发和代码复用,但它也有一些缺点和限制,包括:

  1. 同步加载模块: CommonJS 模块是同步加载的,这意味着在加载模块时,整个应用程序会被阻塞。这在大型应用程序中可能会导致性能问题,特别是在浏览器环境中。为了解决这个问题,浏览器端开发更倾向于异步加载模块的方式,如使用 AMD 规范或 ES6 模块。

  2. 不适用于浏览器端: CommonJS 最初设计用于服务器端 JavaScript,因此在浏览器端使用它时可能会遇到一些问题。浏览器不支持同步加载模块,因此需要使用工具来将 CommonJS 模块转换为可在浏览器中使用的代码。

  3. 缺少静态分析: CommonJS 的模块加载是在运行时进行的,这使得静态分析和优化困难。工具很难在编译时了解应用程序的依赖关系,因此在构建过程中可能会导致一些问题,如无法删除未使用的代码。

  4. 全局污染: CommonJS 模块将导出的内容添加到模块的 exports 对象上,这意味着如果多个模块都依赖于相同的全局变量,可能会导致全局污染和命名冲突。

  5. 单例模块: CommonJS 模块在应用程序中通常是单例的,即每个模块只会加载一次,然后被缓存。这在某些情况下可能会导致问题,特别是在需要多次实例化模块的情况下。

  6. 缺少标准化: CommonJS 模块系统没有被浏览器原生支持,因此需要使用工具或库来实现在浏览器中的模块加载。这导致了不同的实现和库之间的不一致性。

尽管 CommonJS 有一些缺点,但它在服务器端 JavaScript 开发中仍然非常流行,特别是在 Node.js 生态系统中。同时,许多缺点在其他模块系统规范中得到了改进,例如 ES6 模块,它支持异步加载、静态分析和更好的浏览器支持,因此在不同的环境和用例中可以根据需要选择合适的模块系统。

相关文章:

Node模块化开发

认识模块化开发 JavaScript 的模块化是一种将代码组织成独立、可重用的模块单元的开发方法。模块化开发有助于提高代码的可维护性、可扩展性和可重用性,以及减少命名冲突和全局作用域中的变量污染问题。JavaScript 的模块化开发可以通过多种方式实现,其…...

震惊!原来BUG是这么理解的!什么是BUG?软件错误(BUG)的概念

较为官方的概念: 当且仅当规格说明是存在的并且正确,程序与规格说明之间的 不匹配才是错误。 当需求规格说明书没有提到的功能,判断标准以最终用户为准:当程序没有实现其最终用户合理预期的 功能要求时,就是软…...

JEnv使用初体验

Java多版本控制器初体验 1、前言 由于公司项目使用jdk8版本,而日常学习会使用其他版本例如jdk17等,往常都是修改环境配置目录实现。 2、下载资料 链接:https://pan.baidu.com/s/1UqzHv8K8WBu-75Ysyc_h3A 提取码:ra6a 3、安装 …...

CCF CSP认证历年题目自练 Day39

题目 试题编号: 201312-5 试题名称: I’m stuck! 时间限制: 1.0s 内存限制: 256.0MB 问题描述: 问题描述   给定一个R行C列的地图,地图的每一个方格可能是’#’, ‘’, ‘-’, ‘|’, ‘.’, ‘S’, ‘…...

【用户登录】模块之登录认证+鉴权业务逻辑

用户登录——⭐认证功能的流程图: ⭐鉴权流程图: 用户登录功能的Java代码实现 1. 实体类-User orm框架:JPA Table(name "user_tab") Entity Data NoArgsConstructor AllArgsConstructor public class User implements Serializ…...

开启CETOS 裸奔了一年的服务器开启firewall防火墙

记录一下关于firewall,博主非运维专家或服务器专家。 背景 客户有一台裸奔运行了一年多的系统有公网但发现没有开防火墙,iptables和firewall均是关闭状态,通过扫描发现很多漏洞。根据客户要求对端口进行重新梳理且关闭不必要或有潜在风险的…...

eslint识别不了别名解决方法

第一步 npm i eslint-import-resolver-alias -D第二步:在 eslintrc.js 配置 module.exports {settings: {import/resolver: {alias: {map: [// 这里参照webpack的别名配置映射[, ./src]],// 引用的时候可以忽略后缀extensions: [.vue, .js, .ts, .tsx, .jsx, .json…...

【windows 脚本】netsh命令

netsh 是 Windows 操作系统中的一个命令行工具,用于配置和管理网络设置。它提供了一系列的命令和参数,可以用于配置网络接口、防火墙、路由表等网络相关的设置。以下是一些常用的 netsh 命令和用法: 配置静态IP,IP地址、子网掩码和…...

二叉树三种遍历的递归与非递归写法

目录 ​编辑 一,前序遍历 题目接口: 递归解法: 非递归解法: 二,中序遍历 题目接口: 递归解法: 非递归写法: 三,后序遍历 题目接口: 递归解法&…...

虹科 | 解决方案 | 汽车示波器 远程诊断方案

车厂总部专家实时指导你修车 当一线汽修技师遇到疑难问题无从下手时,可以准备好pico汽车示波器套装,并戴上我们的M400智能AR眼镜,通过语音操作,呼叫主机厂的技术支持老师;老师通过AR眼镜上的摄像头老师可以实时看到现…...

Unity ScrollView最底展示

Unity ScrollView最底展示 问题方案逻辑 问题 比如在做聊天界面的时候我们肯定会使用到ScrollView来进行展示我们的聊天内容,那么这个时候来新消息的时候就需要最底展示,我认为这里有两种方案; 一种是通过算法每一条预制体的高度*一共多少…...

linux常用基本命令大全的使用(三)

🎬作者简介:大家好,我是青衿🥇 ☁️博客首页:CSDN主页石马农青衿 🌄每日一句:努力一点,优秀一点 📑前言 本文主要是linux常用基本命令面试篇文章,如果有什么…...

Qt 实现软件启动界面动画

实现软件启动界面,用到QSplashScreen类。 效果 启动界面 描述 QSplashScreen小部件提供了一个可以在应用程序启动期间显示的启动画面。 启动画面通常是在应用程序启动时显示的小部件。启动画面通常用于启动时间较长的应用程序(例如需要花费一些时间来建…...

2000-2021年三批“智慧城市”试点名单匹配数据

2000-2021年三批“智慧城市”试点名单匹配数据 1、时间:2000-2021年 2、指标:行政区划代码、地区、所属省份、年份、智慧城市试点、最早试点年份 3、来源:住建部公布的三批“国家智慧城市名单” 4、说明:内含原始文件和匹配结…...

H5游戏分享-烟花效果

<!DOCTYPE html> <html dir"ltr" lang"zh-CN"> <head> <meta charset"UTF-8" /> <meta name"viewport" content"widthdevice-width" /> <title>点击夜空欣赏烟花</title> <sc…...

底层驱动day8作业

代码&#xff1a; //驱动程序 #include<linux/init.h> #include<linux/module.h> #include<linux/of.h> #include<linux/of_gpio.h> #include<linux/gpio.h> #include<linux/timer.h>struct device_node *dnode; //unsigned int gpiono; …...

openWRT SFTP 实现远程文件安全传输

&#x1f525;博客主页&#xff1a; 小羊失眠啦. &#x1f516;系列专栏&#xff1a; C语言、Linux、 Cpolar ❤️感谢大家点赞&#x1f44d;收藏⭐评论✍️ 文章目录 前言 1. openssh-sftp-server 安装2. 安装cpolar工具3.配置SFTP远程访问4.固定远程连接地址 前言 本次教程我…...

麒麟KYLINOS2303版本上使用KDE桌面共享软件

原文链接&#xff1a;麒麟KYLINOS2303版本上使用KDE桌面共享软件 hello&#xff0c;大家好啊&#xff0c;今天给大家推荐一个在麒麟KYLINOS桌面操作系统2303版本上使用KDE桌面共享软件的文章&#xff0c;通过安装KDE桌面共享软件&#xff0c;可以让远程vnc客户端连接访问本机桌…...

H5游戏源码分享-手机捉鬼游戏

H5游戏源码分享-手机捉鬼游戏 一款考验手速的游戏 <!DOCTYPE html> <html><head><meta http-equiv"Content-Type" content"text/html; charsetUTF-8"><title>手机捉鬼 微信HTML5在线朋友圈游戏</title><meta name&…...

vite中将css,js文件归类至文件夹

build: {chunkSizeWarningLimit: 1500,rollupOptions: {output: {// 最小化拆分包manualChunks(id) {if (id.includes(node_modules)) {return id.toString().split(node_modules/)[1].split(/)[0].toString()}},// 用于从入口点创建的块的打包输出格式[name]表示文件名,[hash]…...

中南大学无人机智能体的全面评估!BEDI:用于评估无人机上具身智能体的综合性基准测试

作者&#xff1a;Mingning Guo, Mengwei Wu, Jiarun He, Shaoxian Li, Haifeng Li, Chao Tao单位&#xff1a;中南大学地球科学与信息物理学院论文标题&#xff1a;BEDI: A Comprehensive Benchmark for Evaluating Embodied Agents on UAVs论文链接&#xff1a;https://arxiv.…...

通过Wrangler CLI在worker中创建数据库和表

官方使用文档&#xff1a;Getting started Cloudflare D1 docs 创建数据库 在命令行中执行完成之后&#xff0c;会在本地和远程创建数据库&#xff1a; npx wranglerlatest d1 create prod-d1-tutorial 在cf中就可以看到数据库&#xff1a; 现在&#xff0c;您的Cloudfla…...

数据库分批入库

今天在工作中&#xff0c;遇到一个问题&#xff0c;就是分批查询的时候&#xff0c;由于批次过大导致出现了一些问题&#xff0c;一下是问题描述和解决方案&#xff1a; 示例&#xff1a; // 假设已有数据列表 dataList 和 PreparedStatement pstmt int batchSize 1000; // …...

QT: `long long` 类型转换为 `QString` 2025.6.5

在 Qt 中&#xff0c;将 long long 类型转换为 QString 可以通过以下两种常用方法实现&#xff1a; 方法 1&#xff1a;使用 QString::number() 直接调用 QString 的静态方法 number()&#xff0c;将数值转换为字符串&#xff1a; long long value 1234567890123456789LL; …...

服务器--宝塔命令

一、宝塔面板安装命令 ⚠️ 必须使用 root 用户 或 sudo 权限执行&#xff01; sudo su - 1. CentOS 系统&#xff1a; yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh2. Ubuntu / Debian 系统…...

Chrome 浏览器前端与客户端双向通信实战

Chrome 前端&#xff08;即页面 JS / Web UI&#xff09;与客户端&#xff08;C 后端&#xff09;的交互机制&#xff0c;是 Chromium 架构中非常核心的一环。下面我将按常见场景&#xff0c;从通道、流程、技术栈几个角度做一套完整的分析&#xff0c;特别适合你这种在分析和改…...

门静脉高压——表现

一、门静脉高压表现 00:01 1. 门静脉构成 00:13 组成结构&#xff1a;由肠系膜上静脉和脾静脉汇合构成&#xff0c;是肝脏血液供应的主要来源。淤血后果&#xff1a;门静脉淤血会同时导致脾静脉和肠系膜上静脉淤血&#xff0c;引发后续系列症状。 2. 脾大和脾功能亢进 00:46 …...

算法刷题-回溯

今天给大家分享的还是一道关于dfs回溯的问题&#xff0c;对于这类问题大家还是要多刷和总结&#xff0c;总体难度还是偏大。 对于回溯问题有几个关键点&#xff1a; 1.首先对于这类回溯可以节点可以随机选择的问题&#xff0c;要做mian函数中循环调用dfs&#xff08;i&#x…...

OpenGL-什么是软OpenGL/软渲染/软光栅?

‌软OpenGL&#xff08;Software OpenGL&#xff09;‌或者软渲染指完全通过CPU模拟实现的OpenGL渲染方式&#xff08;包括几何处理、光栅化、着色等&#xff09;&#xff0c;不依赖GPU硬件加速。这种模式通常性能较低&#xff0c;但兼容性极强&#xff0c;常用于不支持硬件加速…...

Vue 实例的数据对象详解

Vue 实例的数据对象详解 在 Vue 中,数据对象是响应式系统的核心,也是组件状态的载体。理解数据对象的原理和使用方式是成为 Vue 专家的关键一步。我将从多个维度深入剖析 Vue 实例的数据对象。 一、数据对象的定义方式 1. Options API 中的定义 在 Options API 中,使用 …...