1. 程式人生 > >javascript模塊導入導出

javascript模塊導入導出

理解 默認 命名 exports 都是 exp php code 導出

第一次知道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模塊導入導出