如何创建一个可以在多个项目中使用的 javascript 库？

Question

所以我有一个在多个项目中使用的定制 javascript 库。问题是，如果我对其中一个项目进行更改，那么我必须进入使用该库的所有项目并复制更改。我希望能够在原始库中进行更改，并且所有使用/引用它的项目都会自动更新。如何在 Visual Studio (2013) 中执行此操作？

Answer 1

1。外观设计模式：（函数名 VS 函数实现）

您需要定义 contract（在 JAVA 中称为 interface）以避免更改函数名称。

简而言之，不要更改函数名称，更改实现的函数。

2。将您的逻辑附加到不可更改的名称空间：

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)

演示：

     (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)
       )