javascript ES6模块化

一、将模块导出去

/*

*将模块导出去

*a.js文件

*/

const a=12;

export default a;

 

/*

*将模块导出去

*b.js文件

*/

const a=5;

export default a;

 

二、将模块引入

/*

*module.html模块化html文件

*引入模块

*当浏览器还没支持ES6模块化，需要引入traceur.js和bootstrap.js。type="module"必须写。

*/

<script src="traceur.js"></script>

<script src="bootstrap.js"></script>

<script type="module">

import modA from './a.js'

import modB from './b.js'

console.log(modA + modB);

</script>

 

三、将模块整合再导出

/*

*将模块导出去

*c.js文件

*/

import modA from './a.js'

import modB from './b.js'

export default function sum(){

return a+b;

}

 

/*

*module.html模块化html文件

*引入模块

*当浏览器还没支持ES6模块化，需要引入traceur.js和bootstrap.js。type="module"必须写。

*/

<script src="traceur.js"></script>

<script src="bootstrap.js"></script>

<script type="module">

import sumMod from './c.js'

console.log(sumMod());

</script>