es6模組的匯入和執行順序

2021-08-09 13:24:52 字數 435 閱讀 3467

第一部分開始

//這個先執行

第二部分開始

第三部分開始

//執行順序不定,有可能先,有可能後

其中module.js的**為

console.log('module');

import from "./first.js";

con();

import from "./second.js";

con2();

其中first.js的**為

console.log('first  called');

export function con()

second.js的**和first.js的類似

module.js執行輸出為下圖

由此可以看出,import在執行的時候有類似function的提公升效果

有個好部落格:

es6模組匯入匯出

如何在 webpack 構建的專案中,使用 vue 進行開發 複習 在普通網頁中如何使用vue 1.使用 script 標籤 引入 vue 的包 3.通過 new vue 得到乙個 vm 的例項 在webpack 中嘗試使用 vue 注意 在 webpack 中,使用 import vue from...

ES5和ES6的模組化匯入匯出

不接收物件 require require s.css es5 improt s.css es6 接收物件 var o require s.js es 5 import o form s.js es6 匯出乙個模組物件 es5 module.exports 匯出乙個模組物件 es6 module.e...

es6 匯入匯出

1.命名匯出 命名匯出就是明確匯出的變數名稱和值。在src目錄下建立math.js,index.js檔案。math.js內容 case 1 export後面跟變數輸出宣告語句 export var pi 3.14 case 2 export後面直接跟變數定義語句 export var add fun...