在ES6前， 前端就使用RequireJS或者seaJS實現模塊化， requireJS是基于AMD規范的模塊化庫，  而像seaJS是基于CMD規范的模塊化庫，  兩者都是為了為了推廣前端模塊化的工具， 更多有關AMD和CMD的區別， 后面參考給了幾個鏈接；

創新互聯堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都做網站、成都網站設計、成都外貿網站建設、企業官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的郟縣網站設計、移動媒體設計的需求，幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

現在ES6自帶了模塊化， 也是JS第一次支持module， 在很久以后 ，我們可以直接作用import和export在瀏覽器中導入和導出各個模塊了， 一個js文件代表一個js模塊；

現代瀏覽器對模塊(module)支持程度不同， 目前都是使用babelJS， 或者Traceur把ES6代碼轉化為兼容ES5版本的js代碼;

ES6的模塊化的基本規則或特點：

ES6的模塊化的基本規則或特點， 歡迎補充：

1：每一個模塊只加載一次， 每一個JS只執行一次， 如果下次再去加載同目錄下同文件，直接從內存中讀取。 一個模塊就是一個單例，或者說就是一個對象；

2：每一個模塊內聲明的變量都是局部變量， 不會污染全局作用域；

3：模塊內部的變量或者函數可以通過export導出；

4：一個模塊可以導入別的模塊

運行下面代碼

//lib.js
//導出常量
export const sqrt = Math.sqrt;
//導出函數
export function square(x) {
  return x * x;
}
//導出函數
export function diag(x, y) {
  return sqrt(square(x) + square(y));
}

//main.js
import { square, diag } from './lib';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5

另外有需要云服務器可以了解下創新互聯建站www.yijiale78.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

文章題目：ES6新特性：使用export和import實現模塊化詳解-創新互聯
路徑分享：http://www.yijiale78.com/article36/cspopg.html

成都網站建設公司_創新互聯，為您提供商城網站、自適應網站、網站建設、品牌網站設計、網站導航、品牌網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯