1.ES6 模块化
在引入 js 文件的时候 加上 type="module"
加上 type="module" 此时每一个 js 文件都是一个独立的作用域
1. 导出方式一:
导出:export{自定义名:导出的属性名}
// 导入 export {} 定义的变量
导入:import{这里写你要导入的属性名} from "导出的文件名"
2. 导出方式二:
导出:export var 属性名 = 值;
// 导入 export 定义的变量
导入:import{属性名} from "导出的文件名"
3. 导出函数/类:
导出:export function 函数名
导入:import{函数名} from "导出的文件名"
4. export default 在同一模块中只能使用一次
导出:export default 属性名
// 导入不需要加花括号
导入:import 自定义属性名 from "导出的文件名"
5. 统一全部导入
// 这里的 _ 是通配符 as 是所有的意思 如果要使用通过自定义名.xx 的方法使用
import _ as 自定义名 from "导出的文件名"
ES6的模块化
最新推荐文章于 2024-08-09 01:05:18 发布