# 1、ES6模块化的基本语法 * [1.5 ES6模块化的基本语法](https://www.kancloud.cn/zheng1234/vuejs/2393806#15_ES6_1) * [2.按需导出与按需导入](https://www.kancloud.cn/zheng1234/vuejs/2393806#2_33) * [3\. 直接导入并执行模块代码](https://www.kancloud.cn/zheng1234/vuejs/2393806#3__57) # 1.5 ES6模块化的基本语法 1.默认导出与默认导入 ●**默认导出**语法**export default**默认导出的成员 ~~~ //当前文件模块为m1. js //定义私有成员a和c leta=10 letC=20 //外界访问不到变量d , 因为它没有被暴露出去 letd=30 function show() { } //将本模块中的私有成员暴露出去，供其它模块使用 export de fault { a, C, show } ~~~ 默认导入语法**import**接收名称**from**'模块标识符' ~~~ //导入模块成员 import m1 from' ./m1.js ' console.log (m1 ) //打印输出的结果为: //{a:10,c:20,show: [ Function: show] } ~~~ **注意:每个模块中，只允许使用唯一的一次export default, 否则会报错!** ## 2.按需导出与按需导入 ● 按需导出语法export let s1 = 10 ~~~ //当前文件模块为m1.js //向外按需导出变量s1 export let s1 =' aaa' //向外按需导出变量s2 export let s2 = 'ccc' / /向外按需导出方法 say export function say = function (){ } ~~~ ● 按需导入语法**import**{ s1 }**from**'模块标识符' ~~~ // 导入模块成员 // as 起别名 import { s1, s2 as ss2,say } from '. /m1.js' console.log(s1) //打印输出aaa console.log (ss2) / /打印输出ccc console.log (say) //打印输出[Function: say] ~~~ **注意:每个模块中，可以使用多次按需导出** ## 3\. 直接导入并执行模块代码 有时候，我们**只想单纯执行某个模块中的代码，并不需要得到模块中向外暴露的成员**，此时，可以直接导入并执行模块代码。  ~~~ 1.创建index.js，m2.js 2.在index.js直接导入并执行模块代码 inport './m2.js' 3.在m2.js模块中执行一个for循环操作 for(var i = 0; i < 3; i++){ console.log(i)//012 } ~~~