模块化

commonjs模块化:

//导出
module.exports={
    flag:true,
    test(a,b){
        return a+b
    }
}
//导入
var s=require("./")

 ES6模块化

1.具名导出

使用exort导出,当在js文件中定义了一些变量或函数时,只需要使用export{变量名或者函数名}

另外一个文件要使用的话就直接使用import{变量名或者函数名}from“文件路径”

2.默认导出

使用export default 也就是默认导出,这种方式在使用导入的时候可以自己取名,

然后一个模块只有一个默认导出

然后在html文件中要导入js文件就要在script标签中使用type=“model”才会将这个js文件看作是一个模块

有时候,我们希望所有的都被导入,就可以使用下面这种方式

import * as 名字 from“文件路径”

posted @ 2020-08-14 21:36  颿華正茂  阅读(94)  评论(0)    收藏  举报