ES6 模組載入

2022-07-17 07:06:11 字數 384 閱讀 6408

es6中的import 是singleton 的載入方式只會載入一次,並且是編譯是執行,在編譯時進行運算等是會報錯的

export :註冊介面

export ; 使用方法

import :引入介面

import : import from './profile.js';

介面可以整體載入 載入方式如下:

import * as circle from './circle';

console.log('圓面積:' + circle.area(4));

console.log('圓周長:' + circle.circumference(14));

引入可以使用相對路徑也可以使用絕對路徑。如果不寫.js 這種字尾就需要配置。

ES6的模組迴圈載入

首先,執行a.mjs以後,引擎發現它載入了b.mjs,因此會優先執行b.mjs,然後再執行a.mjs。接著,執行b.mjs的時候,已知它從a.mjs輸入了foo介面,這時不會去執行a.mjs,而是認為這個介面已經存在了,繼續往下執行。總是先執行依賴是正確的,但是發現迴圈的時候,並不會繼續執行下去。而...

es6模組暴露

es6模組匯入和匯出 匯出 export,export default 可以匯出變數,函式,物件,檔案,模組 匯入 import function add 1 export add 匯入 import from add.js 匯入時要加,呼叫 add 可以匯出多個,加 export export a...

es6模組命令

es6的模組命令分為export命令和import命令,其中export命令用於匯出變數,import命令用於引入變數。1.1a檔案 export var name name export var age 1 以上a檔案中使用export命令匯出了name和age變數。下面,將在b檔案中使用impo...