ECAMScript 标准

需求：封装并导出基地址和求数组所有元素和函数

默认导出和导入

默认标准使用：

1. 导出：export default {}
2. 导入：import 变量名 from '模块名或路径'

Node.js默认支持CommonJS标准语法

如需使用ECMAScript标砖语法，在运行模块所在的文件夹新建Package.json文件，并设置{"type":"module"}

案例操作：

1. 新建package.json文件，在里面编辑：

{
    "type":"module"
}

2. 新建一个自定义模块utils.js ，里面有封装好的代码和导出方法

//封装的方法：
const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce
((sum,item) => sum += , 0)

//默认导出
export default {
    url:baseURL,
    arraySum:getArraySum
}

3. 在我们需要使用的地方导入我们的自定义模块路径：

//默认导入
import obj from './utils.js'

命名导出和导入

命名到处和导入：

1. 导出：export 修饰定义语句
2. 导入：import{同名变量} from '模块名和路径'

按需加载，使用命名导出和导入

全部加载，使用默认导出和导入

案例操作：

1. 新建package.json文件，在里面编辑：

{
    "type":"module"
}

2. 命名导出封装好的方法

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

3. 命名导入封装好的方法

/**
 * 目标：基于 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)