ES6學(xué)習(xí)-Module

Jaden 發(fā)布于2019-08-26 11:58 / 943人閱讀

摘要：導(dǎo)入整個模塊的所有并用來表示這個模塊名，后面的調(diào)用可以直接在這個對象上進(jìn)行調(diào)用導(dǎo)入單個模塊名，必須使用花括號從模塊當(dāng)中導(dǎo)入多個到當(dāng)前的作用域當(dāng)中導(dǎo)入輸出的模塊時，可以重命名默認(rèn)值，默認(rèn)值可以是一個對象，函數(shù)，類等同時導(dǎo)入默認(rèn)值和輸出的名字空

MDN Refrence

import

1.導(dǎo)入整個模塊的所有export,并用namspace globalOBj來表示這個模塊名，后面的調(diào)用可以直接在這個對象上進(jìn)行調(diào)用

import * as globalObj from "./main/main.js"

2.導(dǎo)入單個模塊名，必須使用花括號

import {foo} from "./main/main.js"

3.從模塊當(dāng)中導(dǎo)入多個export到當(dāng)前的作用域當(dāng)中

import {foo, bar} from "/modules/my.js"

4.導(dǎo)入輸出的模塊時，可以重命名

import {
    foo1 as f1,
    foo2 as f2
} from "./module.js"

5.默認(rèn)值，默認(rèn)值可以是一個對象，函數(shù)，類等

import default from "./module.js"

6.同時導(dǎo)入默認(rèn)值和輸出的名字空間,默認(rèn)值的導(dǎo)入必須首先聲明

import my, * as myModule from "/module.js"

import myDefault, {foo, bar} from "/modules/my-module.js";

export

命名空間的導(dǎo)出

默認(rèn)值的導(dǎo)出,不能使用var,let,const作為默認(rèn)導(dǎo)出的值

 // 導(dǎo)出數(shù)據(jù)
 export let girl = "mint"
 export const name = "Moshi"
 export var order = 1

 //導(dǎo)出默認(rèn)值
 export default onlyU = "Mint"

// 導(dǎo)出函數(shù)
export function foo(){
    // do something
}

// 導(dǎo)出默認(rèn)函數(shù)
export default function(){
    alert("Hello my girl")
}

// 導(dǎo)出的默認(rèn)值可以被重命名為任何名字，在他被導(dǎo)入的時候
export default k = 12; // in test.js

import m from "./test"

console.log(m) // 12

兼容性

在HTML中需要添加defer屬性來使用模塊化

GPU云服務(wù)器云服務(wù)器 es6module -module MODULE ES6

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/107936.html

相關(guān)文章

模塊化的學(xué)習(xí)和理解

摘要：看到阮一峰大佬的內(nèi)容里有這么一段目前還是不很理解為什么或者就可以建立一一對應(yīng)的關(guān)系。和的區(qū)別之前一直沒有考慮過他們之前的區(qū)別，今天又仔細(xì)研讀了一下阮一峰的關(guān)于模塊的講解，覺得說的很好。最近在看vue源碼，然后看到了rollup，然后又看到了模塊化的概念，所以對模塊化的概念進(jìn)行一個學(xué)習(xí)和總結(jié)。以下就是我的學(xué)習(xí)成果，如果有什么不對的歡迎指教。模塊化概念模塊化存在的意義：開發(fā)者希望在開...

draveness 2019-08-26 13:49 評論0 收藏0
es6學(xué)習(xí)筆記-module_v1.0_byKL

摘要：學(xué)習(xí)模塊不是對象，而是通過命令顯式指定輸出的代碼，輸入時也采用靜態(tài)命令的形式。的模塊自動采用嚴(yán)格模式命令用于規(guī)定模塊的對外接口，命令用于輸入其他模塊提供的功能。該文件內(nèi)部的所有變量，外部無法獲取。 es6 學(xué)習(xí)-module_v1.0 ES6模塊不是對象，而是通過export命令顯式指定輸出的代碼，輸入時也采用靜態(tài)命令的形式。 ES6的模塊自動采用嚴(yán)格模式 export命令用于規(guī)定模...

VishKozus 2019-08-20 14:43 評論0 收藏0
Javascript ES6學(xué)習(xí)

摘要：以下簡稱是語言的下一代標(biāo)準(zhǔn)。因?yàn)楫?dāng)前版本的是在年發(fā)布的，所以又稱。命令用于規(guī)定模塊的對外接口，命令用于輸入其他模塊提供的功能。需要特別注意的是，命令規(guī)定的是對外的接口，必須與模塊內(nèi)部的變量建立一一對應(yīng)關(guān)系。 ECMAScript 6（以下簡稱ES6）是JavaScript語言的下一代標(biāo)準(zhǔn)。因?yàn)楫?dāng)前版本的ES6是在2015年發(fā)布的，所以又稱ECMAScript 2015。最常用的ES6...

gclove 2019-08-20 14:46 評論0 收藏0
學(xué)習(xí)ES6

摘要：第二章學(xué)習(xí)函數(shù)的參數(shù)和擴(kuò)展點(diǎn)為鍵上面那個參數(shù)箭頭函數(shù)數(shù)組合并解構(gòu)使用解決回調(diào)地獄問題，使結(jié)構(gòu)更加清晰。概念是在推廣過程中對模塊定義的規(guī)范化產(chǎn)出。通過引入依賴規(guī)范服務(wù)端使用的規(guī)范。帶名字的輸出默認(rèn)輸出概念上面有講注意事項(xiàng)，需掌握的東西 (第二章)學(xué)習(xí)ES6 函數(shù)的Rest參數(shù)和擴(kuò)展 //ES5 function sum(x,y,z){ let total = 0; if(...

canger 2019-08-23 11:37 評論0 收藏0
前端20個靈魂拷問徹底搞明白你就是中級前端工程師【中篇】

摘要：前端個靈魂拷問，徹底搞明白你就是中級前端工程師上篇感覺大家比較喜歡看這種類型的文章，以后會多一些。所有依賴這個模塊的語句，都定義在一個回調(diào)函數(shù)中，等到加載完成之后，這個回調(diào)函數(shù)才會運(yùn)行。此規(guī)范其實(shí)是在推廣過程中產(chǎn)生的。 showImg(https://segmentfault.com/img/bVbwAMU?w=700&h=394); 前端20個靈魂拷問，徹底搞明白你就是中級前端工程師...

MartinDai 2019-08-30 15:44 評論0 收藏0