何謂安需裝載？

安需裝載可分如下三種模式：

• 即時同步按需裝載（阻塞，JSI、JSVM、dojo）。
  最簡單的按需裝載實現，通過XMLHttpRequest同步裝載腳本文件實現。問題是，瀏覽器使用這種方式同步獲取資源時將導致瀏覽器阻塞：停止響應用戶事件、停止頁面重畫操作。所以，雖然編程最為簡單，但是用戶體驗最差。
  
• 異步按需裝載（無阻塞，JSI2.0+）。
  異步導入，不必多做解釋，用戶體驗好，但是因為其異步特征，處理起來比較麻煩。
• 延遲同步按需裝載（無阻塞，JSI2.0+）。
  JSI通過動態預裝載功能實現的一種同步獲取資源的方法，雖然也是同步，但沒有阻塞，可以算時兼顧易用性和用戶體驗的機決方按。缺點時有一定延遲，當前腳本標簽中不可用。
  

使用方法（JSI示例）

以一個代碼語法著色程序為例：
類庫位置：example/codedecorator/code.js
頁面位置：example/xxx.html

• 即時同步按需裝載
  
  $import("example.codedecorator.Code");
  
  var code1 = new Code();
  code1.id = "libCode";
  code1.decorate(); 
  
  
• 異步按需裝載
  
  $import("example.codedecorator.Code",function(Code){
   var code1 = new Code();
   code1.id = "libCode";
   code1.decorate();
  }) 
  
  
• 延遲同步按需裝載（無阻塞，JSI2.0+）。
  
  <script>"../scripts/boot.js"></script>
  <script>
  $import("example.codedecorator.Code",true);
  </script>
  
  <script>
  var code1 = new Code();
  code1.id = "libCode";
  code1.decorate();
  </script>
  
  

示例說明：

在線測試

http://jsintegration.sourceforge.net/example/code.html

http://www.xidea.org/project/jsi/example/code.html

參考：

JSI 導入函數： function $import(path, callbackOrLazyLoad, target )