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';
使用模块:
	<script type="module">
		import ......
	</script>


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:
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值