模块化: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();