我有一个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
}
..........
}
有什么办法可以实现这个目标吗?
答案 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
};