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

模块化的好处

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

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

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

CommonJS 标准导出引入

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

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

3. 导出语法：

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

4. 导入语法：

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

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

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
     }
     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11

   • index.js：导入使用

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

小结

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

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

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

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

ECMAScript标准-默认导出和导入

介绍

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

2. 导出语法：

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

3. 导入语法：

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

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

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

   { “type”: "module" }
   1

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
     }
     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11

   • index.js：导入

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

小结

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

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

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

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

ECMAScript标准-命名导出和导入

目标

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

讲解

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

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

3. 命名导出语法：

   export 修饰定义语句
   1

4. 命名导入语法：

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

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

5. 代码示例：

   • utils.js 导出

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

   • 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)
     1
     2
     3
     4
     5
     6
     7
     8
     9
     10

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
    }
   1
   2
   3
   4
   5
   6

   • utils/lib/str.js

    const checkUserName = username => {
      return username.length >= 8
    }
   
    const checkPassWord = password => {
      return password.length >= 6
    }
   
    module.exports = {
      checkUser: checkUserName,
      checkPwd: checkPassWord
    }
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12

   • utils/package.json

   {
     "name": "cz_utils",
     "version": "1.0.0",
     "description": "一个数组和字符串常用工具方法的包",
     "main": "index.js",
     "author": "itheima",
     "license": "MIT"
   }
   1
   2
   3
   4
   5
   6
   7
   8

   • utils/index.js

   /**
    * 本文件是，utils 工具包的唯一出口
    * 作用：把所有工具模块方法集中起来，统一向外暴露
    */
   const { getArraySum } = require('./lib/arr.js')
   const { checkUser, checkPwd } = require('./lib/str.js')
   
   // 统一导出所有函数
   module.exports = {
     getArraySum,
     checkUser,
     checkPwd
   }
   ```
   
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15

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

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

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

4. 需求：请在准备好的素材项目中，安装项目所有需要的依赖软件包，并运行 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常用命令总结