Question

我有一个8000行JS文件，我想分开。我的JS包含一个包含许多方法的类。喜欢

   var myClass:{
       method1:function(param1){
        //Useful code
       },
      method2:function(param1){
        //Useful code
       },
      method3:function(param1){
        //Useful code
       },
       method4:function(param1){
        //Useful code
       },
 ........
}

现在我要分割这个文件，这意味着要分割类本身。我可以在一个文件中定义少量函数，并在同一个类中的另一个文件中休息。有点像波纹管提到的代码

File1.js:  var myClass:{
               method1:function(param1){
                //Useful code
               },
              method2:function(param1){
               //Useful code
              }
..........
          }

File2.js: 
     var myClass:{
               method3:function(param1){
                //Useful code
               },
              method4:function(param1){
               //Useful code
              }
..........
          }

有什么办法可以实现这个目标吗？

Answer 1

当然，您可以在File1.js中定义类，如下所示：

var myClass = {
           method1:function(param1){
            //Useful code
           },
          method2:function(param1){
           //Useful code
          }
          ..........
      };

然后因为函数是JS中的对象，只需在File2.js中扩展它，如下所示：

 myClass.method3 = function(param1){
            //Useful code
           };
 myClass.method4 = function(param1){
           //Useful code
          };
          ..........

您只需在浏览器中或在您使用它们的任何地方包含文件时维护订单。

Answer 2

@vanthome建议的解决方案应该有效。为了使它更结构化，并且可能使文件的顺序更加明显并且更少一点，你可以这样做：

FileHeader.js

var myClass = {};

File1.js

myClass.method1 = function(par1) {
    // Useful code
};
myClass.method2 = function(par1) {
    // Useful code
};

File2.js

myClass.method3 = function(par1) {
    // Useful code
};
myClass.method4 = function(par1) {
    // Useful code
};

拆分Javascript文件

2 个答案: