關於es6的export與import

2021-10-19 07:41:37 字數 1016 閱讀 8801

在關於import匯入的時候,碰到一點疑惑?

看**裡,有的時候匯入是:import xxcomponent from './xxciomponent.vue' (這是匯入乙個元件)

有的時候是:import from './xxutil'

就不太明白為什麼有的時候要"{}",而有的時候不用?查了下資料,理解如下:

說到import,那麼就要說到export,因為import匯入的就是先要有export匯出,看下面**的export:

// a模組匯出

export let str = '這是一段文字';

export function func()

-------------------------------

// b模組匯入

import from './a'

// a模組匯出

export default "這是一段文字"

----------------------------

// b模組匯入

import s from './a'

// a模組匯出

export default function()

---------------------------

// b模組匯入

import funcc from './a'

看一下上面第一段**和2,3的匯出的區別:前面export的時候指定了變數名,而後面2個沒有指定變數名,而是用的default(為模組指定預設輸出)

再看一下他們import時的區別:

1 當指定了變數名,則import時需要對應a模組中指定的變數名來匯入,而default則名字隨便b模組匯入時定義

2 當指定了變數名,則import時需要使用"{}"來進行匯入,而default不用"{}"

因此就是:如果使用default這種預設值匯出的方式,則另乙個模組匯入時可以隨便定義名字  且  不需要使用 "{}"

ES6中的export與import入門

es6在語言規格的層面上,實現了模組功能,而且實現得相當簡單,完全可以取代現有的commonjs和amd規範,成為瀏覽器和伺服器通用的模組解決方案。es6 模組不是物件,而是通過export命令顯式指定輸出的 再通過import命令輸入。不同的匯出方式對應不同的匯入方式。匯出可以分為兩種 名字匯出,...

ES6的export模組 import模組

參考 es6的模組分為匯出 export 和匯入 import 兩個模組 1 es6模組自動開啟嚴格模式,不管你有沒有在模組頭部加use strict 2 模組可以匯入匯出各種型別的變數,如函式 物件 字串 陣列 布林值 類等 3 每個模組都有自己的上下文,每個模組內宣告的變數都是區域性變數,不會汙...

ES6的export和import的記錄

總是分不清是否要大括號的我來乙個個人向記錄。簡而言之就是乙個每個檔案都是乙個模組,想引用別的模組的內容需要import,而能夠import的必要條件是被引用的檔案export了。export default function 這是另乙個js檔案裡面的例子 const myclass export d...