ES6 模块

介绍

本文是在学习ES6时做的一些学习笔记，所有的笔记请查看：ES6 学习笔记

模块

示例如下：
1、建立一个模块并使用：config.js

config.js
const apikey='123abc'
// 默认导出,一个模块只能有一个默认导出
export default apikey;

// 命名导出，有名字，可以导出多个内容
export const apikey='123abc';
export const aage='12';

// 也可以导出函数，如下所示
export function(name){
    console.log(`Hello,${name}`)
}

//也可以按照如下方式进行导出，不在变量声明时使用导出
const apikey='123abc';
const age='12';
export { apikey, age } // 使用export一次性导出
export { apikey as key , age  } // 使用export一次性导出,使用as重命名

2、如何使用导出的模块：api.js：

api.js
// 默认导出可以使用如下方法，导出的名字可以自己定义,如下所示：
// 这两种导出方式效果相同
import apikey from './config.js' 
import classCode from './config.js' 

// 命名导出必须使用模块中的名字，且需要使用大括号包裹
// 命名导出的函数
import { apikey, age, greet} from './config.js' 
// 命名导出的函数