最近用習慣了 import 和 export ,然后。太久沒有用不搭建服務器環境，居然忘記了。以前是怎么在一個JS中引用另一JS的。
這里有兩個js文件，convertPinyin.js和pingyin.js,其中convertPInyin.js中要引用pingyin.js。
方法1： 將兩個JS放在同一個文件夾下
創建一個HTML文件。誰被調用，誰在前面，即：
方法2：在jS中創建匿名類引用另一個JS
在convertPinyin.js文件中寫函數（例如myImport），引用pingyin.js。
1 var myImport = function(){ 2 var script = document.createElement("script"); 3 script.setAttribute("type", "text/javascript"); 4 script.setAttribute("src","libs/js/pingyin.js"); // 引用文件的路徑 5 document.getElementsByTagName('head')[0].appendChild(script); // 引用文件 6 }
然后，為convertPinyin.js 添加初始化加載方法，並引用myImport()。
1 window.onload = function(){ 2 myImport(); 3 }
注：onload方法在頁面加載后完成。所以，頁面頁面加載過程中並沒有形成引用關系。還是有局限性的。
這里引用文件的路徑不想相對於被引用的，而是相對於頁面的。
總結
- ES6以后，如果獨立運行服務器，可以使用import，在開始加載頁面是就引用了。減少了諸多麻煩。
- 既不需要在每次引用js腳本時，都判斷方法的引用關系。也不需要在js界面額外寫方法。可以把更多的精力放在業務邏輯上，而非代碼本身。