ES6模块化

HaoOuBa
2021-05-14 / 3 评论 / 160 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年05月20日,已超过557天没有更新,若内容或图片失效,请留言反馈。

暴露模块

分别暴露形式 m1.js
export const a = 1;
export function fn() {
    console.log(1)
}
统一暴露形式 m2.js
const a = 1;
function fn() {
    console.log(1)
}
export {
    a,
    fn
}
默认暴露形式 m3.js
export default {
    a: 1,
    fn() {
        console.log(1)
    }
}

引入模块

<script type="module">
    // 1. 通用引入方式
    import * as m1 from "./m1.js"
    import * as m2 from "./m2.js"
    import * as m3 from "./m3.js"
    // 2. 解构赋值形式
    import { a, fn } from "./m1.js"
    import { a as m2_a, fn as m2_fn } from "./m2.js"
    import { default as m3 } from "./m3.js"
    // 3. 简便形式,只针对于默认暴露形式!!!
    import a from "./m3.js"

</script>
0

评论 (3)

取消
  1. 头像
    马化腾
    Android · QQ Browser

    画图

    回复
  2. 头像
    Test
    iPhone · QQ Browser

    Test

    回复
  3. 头像
    Test
    Windows 10 · Google Chrome

    测试

    回复