ES6新特性(六) Module模組化

2021-10-05 17:53:31 字數 1094 閱讀 5909

1.1. 在es5中本身是不支援模組化的,後來一些社群的大佬制定了乙個模組規範,主要分為兩種,乙個是用於伺服器的commonjs,比如nodejs中的require;另乙個是用於客戶端的amd,比如requirejs。

1.2. 在es6中專門提供了通用的模組化方案(export / import)。

2.1. export:用於匯出模組,可以匯出各種型別的變數。比如:字串、數值、函式、物件 等等等等。

2.2. import:用於匯入模組,模組中的變數經過匯入之後就可以在js檔案中使用。

匯出模組:export

匯入模組:import from 』 路徑 』

let str = 'hello';

let method = () =>

class test

} //匯出模組

export

//匯入模組

export :匯出模組可以把 內部的變數等使用 as關鍵字起別名,在import匯入模組時,也需要匯入別名才能正常使用。

注意:在匯入模組的時候,from 後面的路徑可以是絕對路徑也可以是相對路徑,還可以是網路路徑。在匯入模組時,看自身需求,需要哪一項就匯入哪一項,沒有硬性要求全部匯入。

匯出模組:export default

匯入模組:import 別名(物件) from 』 物件 』

let str = 'hello';

let method = () =>

class test

} //匯出模組

export default

//匯入模組

import temp from './js/demo.js';

console.log(temp.str);//hello

批量匯入:

import * 相當於全部匯入,as temp 給匯入的模組起乙個別名,使用別名呼叫模組內的變數等。

export default 匯出的模組不能使用 import * 匯入。

ES6新特性 模組

在es6之前,實現模組化使用的是requirejs或seajs 分別是基於amd規範的模組化庫,和基於cmd規範的模組化庫 見後 js的模組化書寫規範 es6中引入了模組化,其設計思想是在編譯時就能確定模組的依賴關係及輸出和輸入的變數。es6的模組化分為匯入和匯出 exportimport a.js...

es6新特性 ES6新特性(一)

var 1 var宣告的是函式作用域 區域性 但在if for等定義的變數是全域性的 2 var 具有變數提公升,預解析 3 在同乙個作用域下,var可以宣告多次 4 var 宣告的變數會掛載到window上 let1 let不存在變數提公升,在變數使用之前,必須要先宣告 2 let在同一作用域下,...

ES6新特性須知

1.1es5之前函式想要賦預設值var funes5 function a,b,c 1.2es6開始函式想要賦預設值var funes6 function a 50,b 60,c 70 2.1es5之前字串拼接或者拼接屬性值只能如下var a lbj var b 50 var c name a ye...