导入其他模块成员要使用关键字 import ,导出需要使用关键字 export
我们明确一个概念,只有js与js之间需要使用import与export,如果是在html中引入js是不需要用import的,你导入的方式是直接src='xxx.js'
目录
1 默认导入导出
2 按需导入导出
3 默认与按需导入导出可以同时存在
4 直接执行其他js文件中的代码
1 默认导入导出
如果你要直接运行js,那么你需要使用到node。node版本需要 >= v14.15.1 才能使用 ES6模块化语法
我们先直接导出导入一下
直接这样写会报错,在import中有标注,这个里斯是他理解不了import
这个时候我们就需要加上一个package.json了
在package.json中加上type:module
加上之后再运行就可以成功导出导入了
2 按需导入导出
export default称为默认导出,在同一个js文件中只能默认导出一次(使用多了会报错),按需导出只需要写export,可以使用多次
导入导出时的名称必须一致,但在导入后使用的时候你可以给一个别的名字
3 默认与按需导入导出可以同时存在
导入的时候我们也可以这样写