模块化:import和export

   关于js模块化的使用,大家肯定不陌生,现有的主要两种:CMD和AMD,还有一种兼容CMD和AMD写法的UMD。一般前端框架都支持AMD,而Node.js采用的是CMD的模块语法。但大部分浏览器不支持,相信以后浏览器肯定会逐步支持的。

export

基本用法两种

1直接导出

export function foo() {  
// ..  
}  
export var awesome = 42;  
var bar = [1,2,3];  
export { bar };  

2整体导出

function foo1() {  
// ..  
}  
function foo2() {  
// ..  
}
var awesome = 42; var bar = [1,2,3];
export { foo1,
foo1awesome, bar };

重命名导出

function foo() { .. }  
export { foo as bar };  

默认导出,每个模块只能有一个默认导出:

混合默认导出和普通的导出:

混合默认导出和普通的导出:

import

import { foo } from "foo";  
foo();  
import { foo as theFooFunc } from "foo";  
theFooFunc();  

 

posted @ 2017-08-04 09:58  博星  阅读(122)  评论(0编辑  收藏  举报