ES6模块化

ES6的模块化

导出模块

单个导出

export const name = "张三";

多个导出

const name = "张三";
const age = 18;
function sayName() {
  return "my name";
}
export { name, age, sayName };

默认导出

export default function sayName() {
  return "my name";
}

一个文件里面只能有一个默认导出。

导入模块

 <script type="module">
    // CommonJS 和AMD 
    // import { name, age, sayName } from './modules/index.js'
    // import * as mode from './modules/index.js'
    import aa from '/modules/index.js'
    // ES6 module
    // console.log(name, age, sayName);
    // console.log(mode);
    console.log(aa());
  </script>

20210928142101614]()

[外链图片转存中…(img-ZyFDP2P2-1632810258516)]