node模块导出引入两种方式和npm包管理

news2025/1/11 21:42:55

模块化的好处

  1. 在 Node.js 中每个文件都被当做是一个独立的模块，模块内定义的变量和函数都是独立作用域的，因为 Node.js 在执行模块代码时，将使用如下所示的函数封装器对其进行封装

    (function(exports,require,module,__filename,_dirname){
	//模块代码实际存在于此处
});

  2. 而且项目是由多个模块组成的，每个模块之间都是独立的，而且提高模块代码复用性，按需加载，独立作用域

CommonJS 标准导出引入

  1. 但是因为模块内的属性和函数都是私有的，如果对外使用，需要使用标准语法导出和导入才可以，而这个标准叫 CommonJS 标准，接下来我们在一个需求中，体验下模块化导出和导入语法的使用

  2. 需求：定义 utils.js 模块，封装基地址和求数组总和的函数，导入到 index.js 使用查看效果

  3. 导出语法：

    module.exports = {
  对外属性名: 模块内私有变量
}

  4. 导入语法：

    const 变量名 = require('模块名或路径')
// Node.js 环境内置模块直接写模块名（例如：fs，path，http）
// 自定义模块：写模块文件路径（例如：./utils.js)

    变量名的值接收的就是目标模块导出的对象

  5. 代码实现

    • utils.js：导出

      /**
 * 目标：基于 CommonJS 标准语法，封装属性和方法并导出
 */
const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

// 导出
module.exports = {
  url: baseURL,
  arraySum: getArraySum
}

    • index.js：导入使用

      /**
 * 目标：基于 CommonJS 标准语法，导入工具属性和方法使用
 */
// 导入
const obj = require('./utils.js')
console.log(obj)
const result = obj.arraySum([5, 1, 2, 3])
console.log(result)

小结

  1. CommonJS 标准规定如何导出和导入模块?

    答案： 导出：module.exports = {},导入：require(‘模块名或路径’)

  2. 模块名/路径如何选择?

    答案： 内置模块：写名字。例如：fs，path，http等。自定义模块：写模块文件路径，例如：./utils.js

ECMAScript标准-默认导出和导入

介绍

  1. CommonJS 规范是 Node.js 环境中默认的，后来官方推出 ECMAScript 标准语法

  2. 导出语法：

    export default {
  对外属性名: 模块内私有变量
}

  3. 导入语法：

    import 变量名 from '模块名或路径'

    变量名的值接收的就是目标模块导出的对象

  4. 注意：Node.js 默认只支持 CommonJS 标准语法，如果想要在当前项目环境下使用 ECMAScript 标准语法，请新建 package.json 文件设置 type: ‘module’ 来进行设置

    { “type”: "module" }

  5. 代码实现：

    • utils.js：导出

      /**
 * 目标：基于 ECMAScript 标准语法，封装属性和方法并"默认"导出
 */
const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

// 默认导出
export default {
  url: baseURL,
  arraySum: getArraySum
}

    • index.js：导入

      /**
 * 目标：基于 ECMAScript 标准语法，"默认"导入，工具属性和方法使用
 */
// 默认导入
import obj from './utils.js'
console.log(obj)
const result = obj.arraySum([10, 20, 30])
console.log(result)

小结

  1. ECMAScript 标准规定如何默认导出和导入模块?

    答案： 导出：export default {} 导入：import 变量名 from ‘模块名或路径’

  2. 如何让 Node.js 切换模块标准为 ECMAScript？

    答案： 运行模块所在文件夹，新建 package.json 并设置 {“type”：“module”}

ECMAScript标准-命名导出和导入

目标

掌握 ECMAScript 标准语法中，命名导出和导入的使用

讲解

  1. ECMAScript 标准的语法有很多，常用的就是默认和命名导出和导入，这节课我们来学习下命名导出和导入的使用

  2. 需求：封装并导出基地址和数组求和函数，导入到 index.js 使用查看效果

  3. 命名导出语法：

    export 修饰定义语句

  4. 命名导入语法：

    import { 同名变量 } from '模块名或路径'

    注意：同名变量指的是模块内导出的变量名

  5. 代码示例：

    • utils.js 导出

      /**
 * 目标：基于 ECMAScript 标准语法，封装属性和方法并"命名"导出
 */
export const baseURL = 'http://hmajax.itheima.net'
export const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

    • index.js 导入

      /**
 * 目标：基于 ECMAScript 标准语法，"命名"导入，工具属性和方法使用
 */
// 命名导入
import {baseURL, getArraySum} from './utils.js'
console.log(obj)
console.log(baseURL)
console.log(getArraySum)
const result = getArraySum([10, 21, 33])
console.log(result)

  6. 与默认导出如何选择：

    • 按需加载，使用命名导出和导入
    • 全部加载，使用默认导出和导入

小结

  1. Node.js 支持哪 2 种模块化标准?

    • CommonJS 标准语法（默认）
    • ECMAScript 标准语法

  2. ECMAScript 标准，命名导出和导入的语法?

    • 导出：export 修饰定义的语句，import { 同名变量 } from ‘模块名或路径’

  3. ECMAScript 标准，默认导出和导入的语法？

    • 导出：export default {} 导入：import 变量名 from ‘模块名或路径’

包的概念

目标

了解 Node.js 环境中包的概念

讲解

  1. 包：将模块，代码，其他资料整合成一个文件夹，这个文件夹就叫包

  2. 包分类：

    • 项目包：主要用于编写项目和业务逻辑
    • 软件包：封装工具和方法进行使用

  3. 包要求：根目录中，必须有 package.json 文件（记录包的清单信息）

    在这里插入图片描述
    在这里插入图片描述

  4. 包使用：在引入一个包文件夹到代码中，默认引入的是包文件夹下的 index.js 模块文件里导出的对象，如果没有 index.js 文件，则会引入 package.json 里 main 属性指定的文件模块导出的对象

  5. 需求：封装数组求和函数的模块，封装判断用户名和密码长度函数的模块，形成一个软件包，并导入到 index.js 中使用查看效果

  6. 代码示例：

    • utils/lib 相关代码准备好了，只需要自己在 utils/index.js 统一出口进行导出
    • utils/lib/arr.js
     // 数组求和函数
 const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

 module.exports = {
   getArraySum
 }
    • utils/lib/str.js
     const checkUserName = username => {
   return username.length >= 8
 }

 const checkPassWord = password => {
   return password.length >= 6
 }

 module.exports = {
   checkUser: checkUserName,
   checkPwd: checkPassWord
 }
    • utils/package.json
    {
  "name": "cz_utils",
  "version": "1.0.0",
  "description": "一个数组和字符串常用工具方法的包",
  "main": "index.js",
  "author": "itheima",
  "license": "MIT"
}
    • utils/index.js
    /**
 * 本文件是，utils 工具包的唯一出口
 * 作用：把所有工具模块方法集中起来，统一向外暴露
 */
const { getArraySum } = require('./lib/arr.js')
const { checkUser, checkPwd } = require('./lib/str.js')

// 统一导出所有函数
module.exports = {
  getArraySum,
  checkUser,
  checkPwd
}
```

  • 在utils包外的server.js使用包（注意：这次导入的是包文件夹，不是模块文件）

    /**
 * 目标：导入 utils 软件包，使用里面封装的工具函数
 */
const obj = require('./utils')
console.log(obj)
const result = obj.getArraySum([10, 20, 30])
console.log(result)

npm软件包管理器

目标

掌握使用 npm 管理软件包

npm简介

  • npm是Node.js标准的软件包管理器。用于下载和管理 Node.js 环境中的软件包。
  • 在2017年1月时，pm仓库中就已有超过350000个软件包，这使其成为世界上最大的单一语言代码仓库，并且可以确定几乎有可用于一切的软件包。
  • 它起初是作为下载和管理Node.js包依赖的方式，但其现在也已成为前端JavaScript中使用的工具。
  • npm就跟Java中的maven差不多。

npm 使用步骤：

  1. 初始化清单文件： npm init -y （得到 package.json 文件，有则跳过此命令）

    注意 -y 就是所有选项用默认值，所在文件夹不要有中文/特殊符号，建议英文和数字组成，因为 npm 包名限制建议用英文和数字或者下划线中划线

  2. 下载软件包：npm i 软件包名称

  3. 使用软件包

  4. 需求：使用 npm 下载 dayjs 软件包到本地项目文件夹中，引入到 index.js 中格式化日期打印，运行观察效果

  5. 具体使用流程图：
    在这里插入图片描述

  6. 下载的包会存放在哪里?

    • 当前项目下的 node_modules 中，并记录在 package.json 中

npm安装所有依赖

目标

掌握 npm 安装所有依赖功能

讲解

  1. 我们拿到了一个别人编写的项目，但是没有 node_modules，项目能否正确运行？

    不能，因为缺少了项目需要的依赖软件包，比如要使用 dayjs 和 lodash 但是你项目里没有这个对应的源码，项目会报错的
    在这里插入图片描述

  2. 为何没有给我 node_modules？

    因为每个人在自己的本机使用 npm 下载，要比磁盘间传递要快（npm 有缓存在本机）

  3. 如何得到需要的所有依赖软件包呢？

    直接在项目目录下，运行终端命令：npm i 即可安装 package.json 里记录的所有包和对应版本到本项目中的 node_modules

在这里插入图片描述

  1. 需求：请在准备好的素材项目中，安装项目所有需要的依赖软件包，并运行 index.js 代码看是否正常！

小结

  1. 当前项目中只有 package.json 没有 node_modules 怎么办?

    • 当前项目目录下，打开终端，执行 npm i 安装所有依赖软件包

  2. 为什么 node_modules 不进行传递?

    • 因为用 npm 下载有缓存在本机，比磁盘之间传递要快

npm全局软件包-nodemon

介绍

  1. 软件包区别：

    • 本地软件包：当前项目内使用，封装属性和方法，存在于 node_modules
    • 全局软件包：本机所有项目使用，封装命令和工具，存在于系统设置的位置

  2. nodemon 作用：替代 node 命令，检测代码更改，自动重启程序

  3. 使用：

    1. 安装：npm i nodemon -g （-g 代表安装到全局环境中）
    2. 运行：nodemon 待执行的目标 js 文件

  4. 需求：使用 nodemon 命令来启动素材里准备好的项目，然后修改代码保存后，观察终端重启应用程序

Node.js常用命令总结

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1137581.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

JavaScript-2-菜鸟教程

JavaScript-2-菜鸟教程

字符串 可以使用 索引 位置访问字符串中的每个字符 可以使用内置属性 length 来计算字符串的长度 var txt "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var sln txt.length;<script>var x "John"; // x是一个字符串// 使用 new 关键字将字符…
阅读更多...
p5.js 变换操作

p5.js 变换操作

本文简介 带尬猴&#xff0c;我嗨德育处主任 在 canvas 里&#xff0c;变换是基础功能。很多基于 canvas 封装的库都有这功能&#xff0c;比如 《Fabric.js 变换视窗》。 变换是针对画布进行全局调整的一种能力&#xff0c;它可以对画布进行全局移动、缩放、旋转等操作。 p5…
阅读更多...
hibernate源码（2）--- springboot-jpa是如何引入的

hibernate源码（2）--- springboot-jpa是如何引入的

starter引入 要想看jpa是如何将hibernate引入容器&#xff0c;首先要看的是 spring-boot-starter-data-jpa 如何引入依赖&#xff1a; 如果注意的话&#xff0c;starter的包内容其实没有什么实质的内容&#xff0c;关键是pom里的依赖 pom中规定了各依赖和依赖的版本&#xf…
阅读更多...
python 过滤曲线噪点（滤波）

python 过滤曲线噪点（滤波）

import numpy as np import matplotlib.pyplot as plt from scipy import signal# 生成示例信号 t np.linspace(0, 1, 1000) x np.sin(2 * np.pi * 5 * t) np.sin(2 * np.pi * 20 * t) np.random.randn(len(t)) * 0.2# 设计低通滤波器 order 3 # 滤波器阶数 cutoff_freq …
阅读更多...
Linux--进程等待

Linux--进程等待

1.什么是进程等待 1.通过系统调用wait/waitid,来对子进程进行进行检测和回收的功能。 2.为什么有进程等待 1.对于每个进程来说&#xff0c;如果子进程终止&#xff0c;父进程没有停止&#xff0c;就会形成僵尸进程&#xff0c;导致内存泄露&#xff0c;为了防止僵尸进程的形成…
阅读更多...
【组合计数】CF1866 H

【组合计数】CF1866 H

Problem - H - Codeforces 题意 思路 不知道这种trick叫什么&#xff0c;昨天VP刚遇到过 设 f[x] 为恰好有一个最大值为 x 的方案数&#xff0c;我们要求这个&#xff0c;那就设 g[x] 为 至少有一个最大值为 x 的方案数&#xff0c;那么答案就是 f[x] g[x] - g[x - 1] 这里…
阅读更多...
等高度结构的顺序一致性

等高度结构的顺序一致性

3( A, B )---3*30*2---( 1, 0 )( 0, 1 ) 4( A, B )---3*30*2---( 1, 0 )( 0, 1 ) 5( A, B )---3*30*2---( 1, 0 )( 0, 1 ) 做3个网络,让网络的输入都只有3个节点&#xff0c; 一个网络的训练集有3张图片&#xff0c;一个网络的训练集有4张图片&#xff0c;一个网络的训练集有…
阅读更多...
Zeth：首个Type 0 zkEVM

Zeth：首个Type 0 zkEVM

1. 引言 一年前&#xff0c;V神博客The different types of ZK-EVMs中指出&#xff1a; 以太坊初始设计未围绕ZK友好性&#xff0c;因此&#xff0c;以太坊协议的很多部分都需要大量计算来做ZK-prove。Type 1 zkEVM致力于精准复制以太坊&#xff0c;因此它没有办法减轻这些低…
阅读更多...
Dockerfile文件自动化生成R4L镜像

Dockerfile文件自动化生成R4L镜像

Dockerfile文件自动化生成R4L镜像的步骤 1、安装Docker&#xff1a;2、使用Dockerfile一键生成镜像&#xff1a;3、查看生成的Docker镜像&#xff1a;4、删除Docker镜像&#xff1a;5、生成Docker容器&#xff1a;6、查看容器7、删除容器 1、安装Docker&#xff1a; curl -fsS…
阅读更多...
小工具推荐：FastGithub的下载及使用

小工具推荐：FastGithub的下载及使用

前言&#xff1a;FastGithub是基于dotnet开发的一款开源Github加速器&#xff0c;通过自动获取与GitHub相关的IP地址并更新本地hosts文件来提高资源访问速度&#xff0c;使GitHub的访问畅通无阻。原理&#xff08;复制过来的&#xff09;&#xff1a; ①修改本机的DNS服务指向…
阅读更多...
Linux权限——“Linux”

Linux权限——“Linux”

各位CSDN的uu们好呀&#xff0c;今天&#xff0c;小雅兰的内容是Linux基本权限&#xff0c;下面&#xff0c;我们进入Linux的世界吧&#xff01;&#xff01;&#xff01; shell命令以及运行原理 Linux权限的概念 chmod ax /home/abc.txt file指令 目录的权限 关于权限的总…
阅读更多...
vue重修之Vuex【下部】

vue重修之Vuex【下部】

文章目录 版权声明Vuex的模块化获取Vuex模块内state数据获取Vuex模块内getters数据获取Vuex模块内mutations方法获取模块内的actions方法总结 版权声明 本博客的内容基于我个人学习黑马程序员课程的学习笔记整理而成。我特此声明&#xff0c;所有版权属于黑马程序员或相关权利…
阅读更多...
DBeaver连接数据库报错：Public Key Retrieval is not allowed 的解决方案

DBeaver连接数据库报错：Public Key Retrieval is not allowed 的解决方案

写在前面&#xff1a; DBeaver是一款免费的数据库管理工具&#xff0c;安装也是傻瓜式一键安装&#xff0c;比较推荐。 DBeaver官网&#xff08;加载有点慢&#xff0c;耐心等待&#xff09;&#xff1a;DBeaver Community | Free Universal Database Tool 报错详情&#xff…
阅读更多...
【Java 进阶篇】Java Request 原理详解

【Java 进阶篇】Java Request 原理详解

在网络应用开发中&#xff0c;HTTP请求是一项常见而关键的任务。当我们使用Java编写网络应用时&#xff0c;了解HTTP请求的工作原理变得至关重要。本文将详细介绍Java中HTTP请求的原理&#xff0c;包括请求的结构、发送请求的方法以及处理请求的过程。 HTTP请求的基本结构 HT…
阅读更多...
使用字节流读取文件中的数据的几种方式

使用字节流读取文件中的数据的几种方式

public class FileReader02_ {public static void main(String[] args) {}Testpublic void m1() {String filePath "e:\\hello.txt";FileReader fileReader null;int date0;try {fileReader new FileReader(filePath);//循环读取 使用readwhile ((datefileReader.…
阅读更多...
上市公司员工及工资数据（2000-2022年）

上市公司员工及工资数据（2000-2022年）

参照《经济研究》中毛其淋等&#xff08;2023&#xff09;的做法&#xff0c;团队对上市公司员工、工资数据测算。用上市公司&#xff49;在&#xff54;年的员工人数的对数衡量企业的就业水平&#xff0c;采用企业应付职工薪酬与员工人数的比值衡量企业工资水平 一、数据介绍 …
阅读更多...
PROFINET通信介绍

PROFINET通信介绍

S7-1200和汇川变频器的PROFINET通信应用&#xff0c;请参考下面文章链接&#xff1a; PN通信组态(汇川变频器和S7-1200PN通信)-CSDN博客文章浏览阅读1.2k次。ABB变频器的PN通信相关设置&#xff0c;请参看下面的文章链接博途PLC和ABB变频器PN通讯详解_abb 变频器 pn通信_RXXW_…
阅读更多...
Windows客户端下pycharm配置跳板机连接内网服务器

Windows客户端下pycharm配置跳板机连接内网服务器

问题&#xff1a;实验室服务器仅限内网访问&#xff0c;无法在宿舍&#xff08;外网&#xff09;访问实验室的所有内部服务器&#xff0c;但同时实验室又提供了一个外网可以访问的跳板机&#xff0c;虽然可以先ssh到跳板机再从跳板机ssh到内网服务器&#xff0c;但这种方式不方…
阅读更多...
朵拉钓鱼，快来一起钓鱼

朵拉钓鱼，快来一起钓鱼

欢迎来到程序小院 朵拉钓鱼 玩法&#xff1a;鼠标对准鱼的位置点击左键进行钓鱼&#xff0c;钓到不同鱼有不同分数奖励&#xff0c;钓到鞋子-2&#xff0c;钓到鲨鱼游戏结束&#xff0c;统计分数&#xff0c;快去钓鱼吧^^。开始游戏https://www.ormcc.com/play/gameStart/195 …
阅读更多...
protobuf使用详解

protobuf使用详解

一、protobuf简介 1、什么是 protobuf Protocal Buffers&#xff08;简称protobuf&#xff09;是谷歌的一项技术&#xff0c;用于结构化的数据序列化、反序列化。 官方解释&#xff1a;Protocol Buffers 是一种语言无关、平台无关、可扩展的序列化结构数据的方法&#xff0c;它…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023