ES6學習 模組化 import和export

關於js模組化的使用，大家肯定不陌生，現有的主要兩種：cmd和amd，還有一種相容cmd和amd寫法的umd。一般前端框架都支援amd，而node.js採用的是cmd的模組語法。

es6中規範化了模組的匯入和匯出語法，在規範的15.2章節中。現在瀏覽器還都不支援，想要嘗試的可以使用traceur或者babel。貌似angular 2.0也要採用es6的模組化語法，相信以後瀏覽器肯定會逐步支援的。

本篇文章只是大概介紹一下基本的語法，詳細使用留在以後瀏覽器支援了 再說。

export——

基本的兩種用法：

export function foo() 

export var awesome = 42;
var bar = [1,2,3];
export ;

function foo() 

var awesome = 42;
var bar = [1,2,3];
export ;

匯出的時候重新命名:

function foo() 

export ;

預設匯出，每個模組只能有乙個預設匯出：

function foo(..) 

export default foo;
export;

混合預設匯出和普通的匯出：

function foo() 

function bar() 
function baz() 
export ;

從其他模組匯出：

export  from "baz";

export  from "baz";
export * from "baz";

import——

import  from "foo";

foo();

import  from "foo";

thefoofunc();

import foo from "foo";

// or:
import  from "foo";

export default function foo() 

export function bar() 
export function baz() 
import foofn,  from "foo";
foofn();
bar();
baz();

export function bar() 

export var x = 42;
export function baz() 
import * as foo from "foo";
foo.bar();
foo.x; // 42
foo.baz();

import有乙個hoisted的過程，和var宣告變數一樣：

foo();

import  from "foo";

es6 模組化（es6學習筆記07）

模組化 是指將乙個大的程式檔案，拆分成許多小的檔案，然後將小檔案組合起來。功能模組主要由兩個命令構成 export和import 1.2.1 export 使用 1.分別暴露 export let book 西遊記 export function like 2.統一暴露 let book 西遊記 f...

es6 的模組化

這個是需要複習下的，否則後面的react vue 就理解不清晰了 我覺得js 很牛，為啥，因為前後端都是js 這樣結合起來，很順暢 而且node 作為後端，搭建輕量級伺服器，很是好用，寫個介面絲毫沒有任何問題 後面的基本三大塊，1，node express koa 2,三大框架，react vue ...

ES6的模組化

模組化的特點 1 模組 自動執行在嚴格模式下,沒有任何辦法跳出嚴格模式 2 在模組的作用域下建立的變數,不會被新增到全域性作用域中 3 如果外部可以讀取模組當中的內容,需要模組的匯出 4 模組頂級作用域的this為undefined 匯出資料 export var color pink export...