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

模块化的好处

  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.hqwc.cn/news/152255.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

如何借助数据集更好的评估NLP模型的性能？

如何借助数据集更好的评估NLP模型的性能？

随着信息时代的迅猛发展，每天有无数文本、声音、图片和视频不断涌入互联网。如何从海量数据中提炼有意义信息成为学术界和工业界迫切需要解决的问题。在此背景下，自然语言处理（NLP）应运而生，成为人工智能领域最为活跃的…
阅读更多...
C# 递归算法使用简介_常用整理

C# 递归算法使用简介_常用整理

一、递归简介 递归算法是一种直接或者间接调用自身函数或者方法的算法。 递归算法的实质是把问题分解成规模缩小的同类问题的子问题，然后递归调用方法来表示问题的解。递归算法对解决一大类问题很有效，它可以使算法简洁和易于理解。 递归本质是循环&a…
阅读更多...
使用 Python 连接到 PostgreSQL 数据库

使用 Python 连接到 PostgreSQL 数据库

本文介绍了创建与 PostgreSQL 上的数据库的连接的过程。 我们需要安装 PostgreSQL 和创建数据库等先决条件，如下所述。 在系统中安装 PostgreSQL 顾名思义，PostgreSQL 是一款为高效管理数据库系统而创建的 SQL 系统软件。 在连接Python之前需要创建数据…
阅读更多...
nodejs+vue+elementui社区居民信息管理及数据分析与可视化系统设计

nodejs+vue+elementui社区居民信息管理及数据分析与可视化系统设计

其中用户登录中，通过HTML访问该社区居民信息管理及数据分析与可视化系统，选择登录界面，进行登录。登录成功进入到系统，登录失败，提示用户不存在， 流入人口管理中，启动社区居民信息管理及数据分…
阅读更多...
Node编写重置用户密码接口

Node编写重置用户密码接口

目录 前言 定义路由和处理函数 验证表单数据 实现重置密码功能 前言 接前面文章，本文介绍如何编写重置用户密码接口 定义路由和处理函数 路由 // 重置密码的路由 router.post(/updatepwd, userinfo_handler.updatePassword) 处理函数 exports.updatePasswo…
阅读更多...
Android Glide判断图像资源是否缓存onlyRetrieveFromCache，使用缓存数据，Kotlin

Android Glide判断图像资源是否缓存onlyRetrieveFromCache，使用缓存数据，Kotlin

Android Glide判断图像资源是否缓存onlyRetrieveFromCache，使用缓存数据，Kotlin import android.graphics.Bitmap import android.os.Bundle import android.util.Log import android.widget.ImageView import androidx.appcompat.app.AppCompatActivity…
阅读更多...
如何分离一个要素的shp矢量文件：利用ArcGIS分割工具

如何分离一个要素的shp矢量文件：利用ArcGIS分割工具

下面介绍如何用ArcGIS对含有多个分离区域的一整个面要素进行分割 如下图，现在想要将下方的长形shp提取出来，首先打开shp文件： 右击空白处查看该矢量文件的投影信息： 在文件夹中新建shp文件，设置一样的投影&#xff1a…
阅读更多...
VS Code打开新的文件夹，会覆盖原来的文件夹。如何保持原来的文件夹并新打开一个窗口

VS Code打开新的文件夹，会覆盖原来的文件夹。如何保持原来的文件夹并新打开一个窗口

默认打开新文件夹时，会覆盖掉当前的窗口，导致每次只能看一个项目文件夹。想让其打开新文件夹时，以新窗口打开，不覆盖当前窗口，可以进行如下设置。 然后重启VS Code就可以生效了！可以同时打开多个文件夹。效…
阅读更多...
PHP聊天系统源码 在线聊天系统网站源码 后台自适应PC与移动端

PHP聊天系统源码 在线聊天系统网站源码 后台自适应PC与移动端

这个源码提供了前台和后台的自适应布局，可以在PC和移动端上完美展示。它支持一对多的交流，用户可以自由地创建新的房间并解散已创建的房间。 该程序还集成了签到功能和等级功能，让用户享受更多的互动乐趣。房间创建者具有禁言和拉黑用户的权…
阅读更多...
28 行为型模式-中介者模式

28 行为型模式-中介者模式

1 中介者模式介绍 2 中介者模式原理 3 中介者模式实现 /*** 抽象中介者**/ public interface Mediator {//处理同事对象注册与转发同事对象信息的方法void apply(String key); }/*** 具体中介者**/ public class MediatorImpl implements Mediator {Overridepublic void apply…
阅读更多...
【Unity小技巧】可靠的相机抖动及如何同时处理多个震动

【Unity小技巧】可靠的相机抖动及如何同时处理多个震动

文章目录 每篇一句前言安装虚拟相机虚拟相机震动测试代码控制震动清除震动控制震动的幅度和时间 两个不同的强弱震动同时发生源码完结 每篇一句 围在城里的人想逃出来，站在城外的人想冲进去，婚姻也罢，事业也罢，人生的欲望大都如此…
阅读更多...
【开源】基于SpringBoot的森林火灾预警系统的设计和实现

【开源】基于SpringBoot的森林火灾预警系统的设计和实现

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 数据中心模块2.2 系统基础模块2.3 烟雾传感器模块2.4 温度传感器模块2.5 历史记录模块2.6 园区数据模块 三、系统设计3.1 用例设计3.1.1 森林园区基础系统用例设计3.1.2 森林预警数据用例设计 3.2 数据库设计3.2.1 烟雾…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023