JS模組如何暴露與匯入

2021-09-24 07:37:29 字數 3202 閱讀 8398

稍微介紹一下常用的模組暴露方法

我們通常使用的暴露有三種方式:exports module.exports export default export 經常使用的引入方式有兩種:import from 和 require

我們只需記住
export  ||  export default => import

複製**

es6通過export 以及export default 暴露模組 通過import 匯入
exports || module.exports =>require

複製**

遵循common.js的規範 進行模組化開發
function add() 

var a=9

var obj=

export

複製**

也有這種寫法

export  var a = 9

export function fn(){}

複製**

錯誤寫法

// 報錯 

export 1;

// 報錯

var m = 1;

export m;

複製**

模組匯入import * from ' '

複製**
也可以將所有內容匯入物件中,通過物件來呼叫

var a=,

a:9,

obj:

}export

複製**

還是使用{}improt 匯入

複製**
var a=,

a:9,

obj:

}export default a =>注意 這裡使用了export default a並沒有加{}

複製**

匯入default

複製**
區別:export default 只能存在乙個 匯入不需要加 export可以存在多個 匯入一定要加

var a=1;

var b=2;

var c=3

export default a

export

複製**

import  a , from './es6.js'

export default

}複製**

var a=1;

var b=2;

var c=3

export

複製**

在匯入的時候 將資料儲存到新的物件名中使用

複製**
引入區域性的時候

複製**
在暴露的時候同樣可以使用as

var a=1;

var b=2;

var c=3

export =>很容易看懂 就是將a變成了預設暴露

複製**

既然變成了預設就可以隨意引入了

複製**
全部暴露

var a=1;

var b=2;

var c=3

export

複製**

引入又變成跟以前一樣了 其實個人感覺沒什麼用 了解一下

複製**
require 匯入是比較霸道的,直接require(『path』) 一點不跟你含糊 全部匯入 類似import * as from 『 』

moudel.exports的簡單用法 在新建js中

var a=

module.exports=a 根據export的例子很容易就能看懂了

複製**

使用require 引入

複製**

剛才例子比較好理解,來一套多個資料的

function fn1()

function fn2()

c=9module.exports=

複製**

匯入的方式依舊粗暴

}

}複製**

function fn1()

function fn2()

c=9exports.fn1=fn1

exports.fn2=fn2

/*;

}*/複製**

匯入方法還是不變 暴力匯入

}

複製**

其實exports只是輔助器,到最後還是會轉換成module.exports

真正暴露的是module.exports 所以還是直接使用module.exports 更好哦

python模組匯入與模組包匯入

main.py程式第一次匯入指定檔案mod.py時,執行 找到模組檔案mod.py 編譯成位元組碼 可選 執行.pyc位元組碼,建立mod.py中定義的物件。匯入模組後,模組物件會被儲存在sys.modules的表中。每次匯入時,若此表中已存在相關模組,以上3步會被跳過。1.搜尋模組檔案 按順序 程...

python如何匯入模組

乙個專案可能有多個模組 模組中可以包含多個函式,多個類,多條語句,模組化程式設計有利於團隊開發,可以實現 復用,增強程式的可用性 匯入模組 import 模組名 as 別名 或者from 模組名稱 import 函式 變數 類 module1.py原始碼如下 import math from mat...

ES6 暴露模組及匯入注意事項

export與export default均可用於匯出常量 函式 檔案 模組等 在乙個檔案或模組中,export import可以有多個,export default僅有乙個 如果乙個檔案裡export了很多函式 常量,變數 如果你想在目標一次性全部匯入模組的所有函式 常量,變數 就可以使用 imp...