文章目錄

• • 對外暴露的三種方式
  • • 1.分別暴露
    • 2.統(tǒng)一暴露
    • 3.默認暴露
  • 引入方式

對外暴露的三種方式

1.分別暴露

也叫多行暴露，在引入時需要用對象來引用

export let a = 1 export function A(){console.log("你好") }

2.統(tǒng)一暴露

let a = 1 function A (){console.log("你好") } export { a , A }

注意： 以上兩種向外暴露方式在主文件引入時必須使用對象的解構賦值引用， 不能使用變量接收的方式來映入

（ 即上兩方式和默認暴露的區(qū)別）

3.默認暴露

一個js文件中只能有一個默認暴露，默認暴露的可以是一個常量，函數，對象等。

//默認暴露一個函數 export default function A(){console.log("你好") } //默認暴露一個對象 let a = 1 function A (){console.log("你好") } export default { a , fun }

引入方式

1.解構賦值引入
向外暴露方式在主文件引入時必須使用對象的解構賦值引用

import { a , A } from "文件路徑" //此時當前模塊便含有 a 變量，和fun函數 console.log(a)// 1 fun()// 你好

2.直接引入
對于默認暴露，直接引入即可

//如果要引入的j默認暴露的是一個函數 import f from "文件路徑" //此處引入的就是一個函數 f() // 你好

總結

以上是生活随笔為你收集整理的【ES6】三种暴露方法和引入方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。