Module的載入實現

爛筆頭開始記錄小知識點啦～

• 瀏覽器要載入 ES6模塊，：

  <script type="module" src="./foo.js"></script>

   

• 非同步載入，相當與defer屬性。可以另外設置async屬性。
• ES6 模塊也允許內嵌在網頁中，語法行為與載入外部腳本完全一致。

  <script type="module">
    import utils from "./utils.js";
  
    // other code
  </script>

   

• CommonJS 模塊輸出的是一個值的拷貝，ES6 模塊輸出的是值的引用。
• CommonJS 模塊是運行時載入，ES6 模塊是編譯時輸出介面。