ES6模块化

模块化:
js之前是不支持模块化
ES6支持了,具体用法如下:

	注意: 需要放到服务器环境
	a). 如何定义模块?
		export  东西
		export const a =12;
		export{
			a as aaa,
			b as banana
		}
	b). 如何使用?
		import
		import './modules/1.js'; 
		import {a as a, banana, c} from './modules/2.js'
		import * as modTwo from './modules/2.js';
使用模块:
	


import:  特点
	a). import 可以是相对路径,也可以是绝对路径
		import 'https://code.jquery.com/jquery-3.3.1.js';
	b). import模块只会导入一次,无论你引入多少次
	c). import './modules/1.js';  如果这么用,相当于引入文件
	d). 有提升效果,import会自动提升到顶部,首先执行
	e). 导出去模块内容,如果里面有定时器更改,外面也会改动,不想Common规范缓存


* import()  类似node里面require, 可以动态引入, 默认import语法不能写到if之类里面
	返回值,是个promise对象

	import('./modules/1.js').then(res=>{
		console.log(res.a+res.b);
	});

	优点:
		1. 按需加载
		2. 可以写if中
		3. 路径也可以动态

	Promise.all([])
=============================================
ES2017加  async  await:

你可能感兴趣的:(es6)