ES6 模块化 和 COMMON模块化

ES6 模块化

// util.js
// 模块私有成员
const a1 = 1
const a2 = 2

// 默认导出
export default { a1, a2 }

// 按需导出
export function show () {
  console.log('world')
}

export function say () {
  console.log('say')
}



/** 默认导出和按需导出
*** 1. 有{}花括号的为按需导入，没有花括号的为默认导入
*** 2. 按需导入的成员名称必须和按需导出的名称保持一致
*** 3. 按需导入时， 可以使用as 关键字重命名
*** 4. 导入的是值的引用
**/    

import tool, { show, say as sayHello } from './utils/util.js'
// 直接导入并执行模块中的代码
import './utils/hello.js' // console.log('hello')

show() // world
console.log(tool) //  {a1: 1, a2: 2}
sayHello() // say

COMMONJS 模块化

/** module.exports ( exports ) 导出的是一个对象
*** 导入的是值（对象）的拷贝，
*** 
**/

// util.js
// 导出
module.exports = {
  name: 'zhangsan'
}

// 等价于
exports = {
  name: 'zhangsan'
}

// 导入
const person = require('./util/util.js')
console.log(person) // { name: 'zhangsan' }

使用 require() 加载模块机制

1. 自定义模块的加载机制：必须指定 ./ 或 ../ 的路径标识符。在加载自定义模块是，如果没有指定 ./ 或 ../ 的路径标识符，则 node 会把它当成内置模块或者第三方模块进行加载

同时，在使用 require() 导入自定义模块时，如果省略了文件的扩展名，则 Node.js 会按顺序分别尝试加载以下的文件：

1.  按照 确切的文件名进行加载
2.  补全 .js 扩展名进行加载
3.  补全 .json 扩展名进行加载
4.  补全 .node 扩展名进行加载
5.  加载失败，终端报错

2. 第三方模块的加载机制：Node.js 会从当前模块的父目录开始，尝试从 /node_modules 文件夹中加载第三方模块

如果没有找到对应的第三方模块，则移动到再上一层父目录中，进行加载，知道文件系统的根目录

例如：假设在 ‘C:\User\hello\demo\index.js’ 文件里调用了 require(‘tools’)，则 Node.js 会按以下顺序查找：

1. C:\User\hello\demo\node_modules\tools
2. C:\User\hello\node_modules\tools
3. C:\User\node_modules\tools
4. C:\node_modules\tools

3.目录作为模块：当把目录作为模块标识符，传递给 require() 进行加载的时候，有三种加载方式：

1. 在被加载的目录下查找一个叫做 package.json 的文件，并寻找 main 属性，作为 require() 加载的入口
2. 如果目录里没有 package.json 文件，或者 main 入口不存在或者无法解析，则 Node.js 将会试图加载目录下的 index.js 文件
3. 如果以上两步都失败了，则 Node.js 会在终端打印错误消息，报告模块的缺失：Error: Cannot find module 'XXX'

主要区别：

1. 对于模块的依赖，CommonJS是动态的（路径参数是支持表达式），ES6 Module 是静态的

对于模块的依赖，何为动态？何为静态？

动态是指对于模块的依赖关系建立在代码执行阶段；
静态是指对于模块的依赖关系建立在代码编译阶段；

1. CommonJS导入的是值的拷贝，ES6 Module导入的是值的引用