ES6中的模块化

ES6中的模块化

1、暴露的三种模式

1.1 分别暴露

export let name="张三"
export function test() {
    console.log("我是分别暴露")
}

1.2 统一暴露

let name="张三"
function test() {
    console.log("我是统一暴露")
}
export {
	name,test
}

1.3 默认暴露

export default {
    name:"张三",
    test() {
        console.log("我是默认暴露")
    }
}

2、导入的三种方式

2.1 通用导入

import * as XXX from "XXX.js"

2.2 分块导入

import {XXX,XXX} from "XXX.js"

2.3 默认导入

import XX from "XXX.js"

3、在HTML中引入

<script src="XXX.js" type="module"></script>