背景
目的是开发一套图表库,供外部使用
使用js自定义“类”,并有继承关系
在使用这些自定义“类”的时候,有命名冲突的问题
使用该图表库的时候,无法保证库中的变量不和外部产生命名冲突
问题描述
如下图所示,
dog,cat拥有相同“类包”(class packge)结构
dog,cat拥有同名的“类文件”(MyClass.js , ExtendsMyClass.js)
---当然它们的内容不同
要在index.html中同时使用dog,cat各个类的实例
问题1来了: 命名冲突
问题2来了: 无法避免index.html中其他js脚本和图表库产生命名冲突
想到的可能的解决方案
将所有类的名字特异唯一化。
比如:
doc --- action --- MyClass.js / ExtendsMyClass.js
cat --- action --- MyClass1.js / ExtendsMyClass1.js
pig --- ...
mouse --- ...
...
这是“超级XX”的方法,不予理会!
模块化,不是有AMD,CMD嘛?
抱歉,没接触过。
收集资料,看了,没有理解透。
能否解决我的问题,需要朋友们指点。
把dog结构下所有“类”文件的内容都定义在一个文件中,且用
var moduleDog = new Object{ ... dog的全部内容 ... }
包裹起来。
cat也是如此。
这种“模块化”在有“类继承”的本例中是否可行?需要朋友们指点。
其他方案未知,需要朋友们指点。
代码
cat的 MyClass.js
function MyAction()
{
this.name = 'cat' ;
}
cat的 ExtendsMyClass.js
function ExtendsMyAction()
{
this.name = 'extends cat' ;
}
ExtendsMyAction.prototype = new MyAction() ;
ExtendsMyAction.prototype.constructor = ExtendsMyAction ;
dog的 MyClass.js
function MyAction()
{
this.name = 'dog' ;
}
dog的 ExtendsMyClass.js
function ExtendsMyAction()
{
this.name = 'extends dog' ;
}
ExtendsMyAction.prototype = new MyAction() ;
ExtendsMyAction.prototype.constructor = ExtendsMyAction ;