拆分Javascript文件

时间:2014-02-19 07:17:15

标签: javascript html

我有一个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
              }
..........
          }

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

2 个答案:

答案 0 :(得分:2)

当然,您可以在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
          };
          ..........

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

答案 1 :(得分:1)

@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
};