如何創建可用於多個項目的JavaScript庫？

Question

所以我有一個定製的JavaScript庫，我在多個項目中使用。問題是，如果我在其中一個項目中進行更改，那麼我必須進入使用該庫的所有項目並複製這些更改。我希望能夠在原始庫中進行更改，並且所有使用/引用它的項目都會自動更新。我如何去在Visual Studio（2013）中做這件事？

Answer 1

1.外觀設計模式：（函數名VS功能的實現）

您需要定義合同（在JAVA調用interface），以避免改變函數的名稱。

簡而言之，不要更改函數名稱，更改實現函數。

2.將你的邏輯非changebale命名空間：

var api={}; /*"api" is namespace*/ 
api.myFn=function(a,b){ 
    return a+b; 
} 

優於：

var myFn=function(a,b){ 
     return a+b; 
    } 

3.使用匿名函數：

最佳實踐是包裝代碼具有匿名函數的整個庫。

(function(api){ 
     api.myFn=function(a,b){ /*"myFn" is attached to nameSpace*/ 
      return a+b; 
     }; 
     window.myLibrary=api; /*Publish your library to be used outside of anonymous function */ 
})({}) /*{} is the value of api*/ 

然後在其他文件/其他項目，你可以用它像這樣：myLibrary.myFn(4,5)

DEMO：

 (function(api){ 
 
      api.myFn=function(a,b){ /*"myFn" is attached to nameSpace*/ 
 
       return a+b; 
 
      }; 
 
      window.myLibrary=api; /*Publish your library to be used outside of anonymous function */ 
 
    })({}) /*{} is the value of api*/ 
 

 
    console.log(
 
     myLibrary.myFn(4,5) 
 
     )