【JavaScript】module模块 导入import 导出Export

导入导出&文章

  • 一、默认导出
  • 二、默认导入
  • 三、按需导出
  • 四、按需导入
  • 五、整体导入
  • 六、按需导入

一、默认导出

语法:

export default 默认导出的成员

每个模块中 只能使用一次export default否则报错

二、默认导入

语法:

import 接收名称 from '模块标识符'

三、按需导出

语法:

export let s1 = 10

每个模块中,可以使用多次按需导出

四、按需导入

import { s1 } from '模块标识符'

五、整体导入

import * as 名称 from '模块标识符'

直接打印名称 就可以获取到所有

六、按需导入

通过在某些行为后再导入需要的模块数据

document.onclick = function () {
	// import './b.js';
	import("./b.js").then(res => {
		console.log(res);
	});
};

then里面接收的就是b中导出的数据对象

你可能感兴趣的:(javascript,前端,开发语言)