ES6新特性中的Module
来源:互联网 发布:个性头像制作软件 编辑:程序博客网 时间:2024/06/08 11:26
module
在javascript出ES6以前,是不支持原生的模块化的,所以,我们会看到会有外部工具来实现模块的功能,比如遵循CMD规范的Seajs和AMD的RequireJS。在ES6,模块已经作为重要的组成部分被添加进来了。
模块的主要功能由export
和import
组成,并且每一个模块都有自己单独的作用域,模块之间的相互调用关系是通过export
来规定模块对外暴露接口,通过import
来引用其它模块提供的接口。同时还为模块创造了命名空间,防止函数的命名冲突。
export,import命令
//info.jsexport var name = 'skyeTang'
ES6将一个文件视为一个模块,上面的模块通过export
向外输出了一个变量。一个模块可以同时往外输出多个变量。
//info.jsvar name = 'skyeTang';var age = '19';export {name,age};
定久好的模块的输出以后,就可以直接在另一个模块通过import
引用。
//main.jsimport {name,age} from './info.js'
整体输入,module指令
//info.jsexport function getName(){ return name;}export function getAge(){ return age;}
通过import * as
完成了模块整体的导入。
import * as info from './info.js'
通过module
也可达到整体的输入。
module info from 'info.js';info.getName();
export default
不用关心模块输出了什么,通过export default
指令就能加载到默认模块,不需要通过{}来指定输出的模块,一个模块只能用一次export default
//default 导出export default function getAge(){}//或者function getAge(){}export default getAge;//导入的时候就不需要花括号了import info from './info.js';
当然,一个import
是可以同时导入默认方法和其它变量的。
import defaultMethod,{otherArg} from 'xxx.js'
1 0
- ES6新特性中的Module
- ES6中的一些新特性
- JavaScript ES6中的新特性
- 【ES6】ES6的新特性
- ES6中的module
- ES6:JavaScript 新特性
- ES6新特性概览
- ES6新特性概览
- es6 新特性
- ES6新特性概览
- ES6新特性概览
- ES6新特性概览
- ES6新特性概览
- es6新特性学习
- ES6新特性概览
- ES6新特性总结
- es6新特性概述
- ES6新特性
- C语言练习题每练 5 对于一个字符串,找到第一次重复出现的字符。
- 我对MVC和MVP的一些理解
- 匹配电话号码是不是有效
- LeetCode(四)——Intersection of Two ArraysII
- 如何去除ci框架中显示的index.php
- ES6新特性中的Module
- 安卓中向sd卡写文件
- Android Canvas drawArc方法介绍
- poj 2152 Fire 树形DP
- 安卓中创建别的应用程序可以读写的文件
- 局部内部类设置闹钟
- Android数据库框架ORMLite的学习笔记
- centos7-设置ip地址-ipv4
- ios 对于常用的NSUserDefults的封装