ES6 模組簡單解釋

2022-06-26 04:09:19 字數 635 閱讀 7253

modules是es6引入的最重要的乙個特性。

以後寫模組的時候就直接按照es6的modules語法來寫 ,然後用babel+browserify 來打包就行了。

modules規範分兩部分,一部分是如何匯出,一部分是如何匯入。

export const sqrt =math.sqrt;

export

function

square(x)

export

function

diag(x, y)

然後在另乙個檔案中引用的時候 。

import  from 'lib';

console.log(square(11)); //

121console.log(diag(4, 3));

小夥伴們可以在自己的工程的檔案可以看到 。這個自己去找找看。

export * from 'src/other_module';

export from 'src/other_module';

export from 'src/other_module';

export from 就是用來到處由其他地方匯入的模組 。 仔細的看一下這一句話 。

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...

ES6模組操作

export default 值匯入時使用以下方式 import 自定義名字 from 模組位址 vue在建立vue元件時,我們會經常使用到這種方式 export default import demo from vue export const num 1export const num2 2 先...