javascript模塊導入導出


第一次知道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 '文件相對地址(不要文件后綴)';


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM