【ES6入門14】：模塊化

leeon 發布于2019-08-23 12:36 / 3178人閱讀

摘要：模塊化就是為了使功能單一，把各個耦合性不高的功能抽離出來成單一的模塊，每個模塊提供單一的功能導出模塊導入模塊使用多個基本用法只關心某些內容和。表示導入所有，表示起一個別名使用推薦寫法給導出的對象不起名字，把權力交給引入方

模塊化就是為了使功能單一，把各個耦合性不高的功能抽離出來成單一的模塊，每個模塊提供單一的功能
export 導出模塊；import 導入模塊

使用多個export

module.js

export let A = 123;

export function test() {
    return "test";
}

export class Hello {
    test() {
        console.log("class");
    }
}

index.js

// 1.基本用法
import {A,test,Hello} from "./class/module";

console.log(A, test()); // 123 "test"

// 2.只關心某些內容
import {A} from "./class/module";

console.log(A); // 123

// 3.* 和 as。* 表示導入所有，as 表示起一個別名

import * as module1 from "./class/module";

console.log(module1.test()); // test

使用export default

module.js

// 推薦寫法
let A = 123;

let test = function() {
    console.log("test");
};

class Hello {
    test() {
        console.log("class");
    }
}

// default 給導出的對象不起名字，把權力交給引入方
export default {
    A,
    test,
    Hello
}

index.js

import module2 from "./class/module";

console.log(module2.A); // 123

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98803.html

2017-07-07 前端日報

摘要：前端日報精選了解中的全局對象和全局作用域張鑫旭鑫空間鑫生活子進程你應該知道的一切直出內存泄露問題的追查實踐我他喵的到底要怎樣才能在生產環境中用上模塊化騰訊前端大會大咖說大咖干貨，不再錯過發布發布中文翻譯在使用進行本地開發代碼 2017-07-07 前端日報精選了解JS中的全局對象window.self和全局作用域self ? 張鑫旭-鑫空間-鑫生活Node.js 子進程：你應該知道...

import. 2019-08-20 17:48 評論0 收藏0
ES6: import和export

摘要：一模塊化前端模塊化的好處都已經被說爛了，歸納為兩點避免全局變量污染有效的處理依賴關系終于引入了模塊的概念，最近學習了下，順便記下筆記。命名導出命名導出就是明確導出的變量名稱和值。其中表示導出模塊所有的命名輸出。一、模塊化前端模塊化的好處都已經被說爛了，歸納為兩點：避免全局變量污染有效的處理依賴關系 ES2015終于引入了模塊的概念，最近學習了下，順便記下筆記。二、準備工作...

wapeyang 2019-08-21 17:50 評論0 收藏0
前端面試題總結（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發和面試問題，由基礎到困難循序漸進，適合面試和開發小程序。并總結vue React html css js 經典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

pumpkin9 2019-08-23 17:12 評論0 收藏0
前端面試題總結（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發和面試問題，由基礎到困難循序漸進，適合面試和開發小程序。并總結vue React html css js 經典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

Carson 2019-07-31 10:21 評論0 收藏0