export和import的基本用法

2022-05-28 23:36:14 字數 1063 閱讀 4623

基本理論：

export用於對外輸出本模組的介面

import用於在乙個模組中載入另外乙個模組（含有export或者不含有export）

注：不含有export介面的模組直接引用  ：import "/assets/js/test.js"

輸出變數

//


test.js


export var a=2;


import  from '../assets/js/test.js';


mounted() ,
注意：import 中的{}裡面的變數名應與test.js中的變數名相同

//多個變數


var a=2;


var b=3;


export 


import  from '../assets/js/test.js';


export default,


}
輸出函式

//


test.js


export async function


test1() 


function


test2()


import  from '../assets/js/test.js';


mounted() ,
注意事項與上面相同

輸出物件

//


test.js


export default


,     test2()}//


index.js


import test1 from '../assets/js/test.js';


export 


default


,}
export和export default區別

本文參考

import和export的作用

在es6標準發布之前，js是沒有模組化的概念的，也就是說原生js是無法將乙個大型程式拆分成若干相互依賴的小模組的。而es6針對這個問題提出了module的概念，設計思想是盡量的靜態化，使得編譯時就能確定模組的依賴關係，以及輸入和輸出的變數。關於靜態化是指直接從指定模組取出想要的方法，其他的不載入。比...

彙編裡 import 和export

b 和 jmp 相同，自己在死迴圈 import 定義表示這是乙個外部變數的標號，不是在本程式定義的 export 表示本程式裡面用到的變數提供給其他模組呼叫的。以上兩個在彙編和c語言混合程式設計的時候用到 剛看到一篇不錯的blog，解說c和彙編混編的，雖然貌似是翻譯ads文件的，不過寫的挺不錯，通...

模組化 import和export

關於js模組化的使用，大家肯定不陌生，現有的主要兩種 cmd和amd，還有一種相容cmd和amd寫法的umd。一般前端框架都支援amd，而node.js採用的是cmd的模組語法。但大部分瀏覽器不支援，相信以後瀏覽器肯定會逐步支援的。export 基本用法兩種 1直接匯出 export functio...