JavaScript中的export、export default、exports和module.exports(export、export default、exports使用詳細)

鼓舞飞扬發表於2024-09-03

簡介: 在JavaScript中,export 和 export default 是 ES6 模組系統的核心部分,用於從檔案中匯出函式、關鍵字,物件或值,使其可以在其他檔案中透過 import 語句匯入和使用,而 exports和 module.exports 是CommonJS模組系統的一部分,在 Node.js 環境中,你可以使用 exports 或 module.exports 來匯出模組,但這並不是 ES6 標準的一部分。

Tips:預設的js檔案中是不支援es6中的import、export語法的,因為Node.js 在早期版本中採用的是 CommonJS 模組規範,它使用 requiremodule.exports 來匯入和匯出模組。

如何啟用 ES6 模組支援?

  1. 在 package.json 檔案中設定 "type": "module",這樣 Node.js 就會將所有 .js 檔案視為 ES6 模組。
  2. 將副檔名改為 .mjs,這樣 Node.js 會自動將其視為 ES6 模組。
  3. 在html的script 標籤中新增type="module"屬性,​​​​​​​就像這樣<script type="module" src="main.js"></script>。

https://blog.csdn.net/weixin_65793170/article/details/136476532?spm=1001.2014.3001.5502

相關文章