ES6模块化

最新推荐文章于 2021-06-03 17:53:38 发布

众生皆苦你是草莓味

最新推荐文章于 2021-06-03 17:53:38 发布

阅读量140

点赞数

分类专栏： ES6

本文链接：https://blog.csdn.net/Yang_lan1/article/details/89572908

版权

14 篇文章 0 订阅

订阅专栏

作用：引入模块
例如：import './plugin/1.js'这么用相当于引入一个文件

import{a}from '/plugin/1.js'//意思是从此模块中导入a变量

注意：1.import可以是相对路径，也可以是绝对路径
2.import模块只会导入一次，无论引入多少次
3.import有提升效果，会自动提升到顶部，首先执行
4.导出去的模块，如果里面有定时器更改，外面也会随之改动
5.默认import不能写到if之类里面
6.如果想动态引入，采用这种方式

import('./plugin/1.js').then(res =>{
        console.log(res);
    })

优点:(1)按需加载；（2）可以写在if中；（3）路径也可以动态

作用：作为一个接口，导出模块
语法：

 export const a = 5;

或者

 const b = 12;
     const c = 8;
     export {
         b,
         c
     }

也可以起别名（注意引入的时候也要用别名了，不能再用b,c了）

 const b = 12;
     const c = 8;
     export {
         b as banana,
         c as cup
     }

注意：只有default定义的不需要加花括号{}

 //用default定义
    export default a = 5;
    //引入时不用{}
    import a from './plugin/1.js'

关注