一.CommonJs标准

导出语法：

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

导入语法：

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

代码实现
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)

二.ECMAScript标准

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

1.默认导入导出

导出语法：

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

导入语法：

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

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

代码实现：
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)

2.命名导出和导入

export 修饰定义语句

export 修饰定义语句

命名导入语法：

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

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

代码示例：
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)

与默认导出如何选择：

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