CommonJS模块 和 ES模块

一：CommonJS模块

导出 module.exports

【简介】

1. 每个文件就是一个模块；
2. module <Object>变量代表当前模块；exports属性（即module.exports）是对外的接
3. 为了方便，Node为每个模块提供一个exports变量，指向module.exports

【方式】

1. module.exports
2. exports

(Node为每个模块提供一个exports变量，指向module.exports)

// module.exports
module.exports.name='一个名字'

// exports
exports.name='一个名字'

导入 require | import

1. require
2. import

import xxx from 'commonjs module'  const {b} = xxx;

二：ES模块

导出 export | export default 导入 require

【简介】

1. 只能有一个export default语句
2. 可以有多个export语句

【方式】

1. export default
2. export

export default 导出 | 导入示例

__export default导出

//  示例文件路径 ./index.js
var one="导出1"
var two=[
  {
    name:"第一个",
    type:"数组1"
  },
  {
    name:"第二个",
    type:"数组2"
  }
]
export default{
  one,
  two
}

__export default导入

//导入数据
import all from "./index.js"
//打印数据
console.log(all)

export 导出 | 导入示例

_export 导出

//  示例文件路径 ./index.js
var one = "export导出"
var two=["a","b","c"]
export { one, two }

export var three="直接导出"

__export 导入

import {one,two,three} from "./index.js"
//打印
console.log(one+","+two+","+three);