javascript模組匯入匯出

標籤：重複   post   對象   module   匯出   ade   javascrip   代碼   變數   

第一次知道javascript有模組的概念通常都是使用<script>標籤進行引入，不過只能在html檔案上使用

增加的模組就如同php裡的include、require可以使用引入的內容，

不過php是預設引入的檔案內部全部可用，而javascript則是選擇匯出、選擇匯入，只可以使用引入的函數、變數、對象

codecademy上理解javascript  module 部分

JavaScript中的模組是可重複使用的程式碼片段，可以從一個程式匯出並匯入到另一個程式中使用。

• module.exports將模組匯出用於其他程式。  
  • 　　 module.export = 變數; || module.export = {對象內屬性方法} 
• require() 匯入當前程式中使用的模組。
  • 　　conste 變數 =  require(‘引入的檔案相對位址帶尾碼名.js‘);

ES6引入了一個更靈活，更簡單的文法來匯出模組：

• 預設匯出用於export default匯出JavaScript對象，函數和未經處理資料類型。  
  • 　　export default 變數;
• 命名匯出使用export關鍵字來匯出變數中的資料。
  • 　　export {變數名、對象名、函數};
• 命名匯出可以用as關鍵字別名。
  • 　　export {變數名 as 別名、對象名、函數}; 
• import 是匯入任何對象，函數或資料類型的關鍵字。
  • 　　import 變數  from ‘檔案相對位址（不要檔案尾碼）‘;

javascript模組匯入匯出