javascript - javascript 中强类型容器的更好选择

Question

我刚刚发现了在 javascript 中创建假“类”的方法，但我想知道如何存储它们并仍然在 IDE 中轻松访问它们的功能。

像这样:

function Map(){
   this.width = 0;
   this.height = 0;
   this.layers = new Layers();
}

现在我有了一个循环遍历 XML 并创建多个 Map() 对象的函数。如果我将它们存储在单个变量下，我可以很好地访问它们，例如:

map1 = new Map();
map1.height = 1;

但我不知道它们将以什么名称存储!所以我想我可以这样保存它们:

mapArray = {};
mapArray['map1'] = new Map();

但是你不能像这样访问函数:(至少IDE代码完成不会把它捡起来)

mapArray['map1'].height = 1;

然后我认为这将是最好的解决方案:

function fetch(name){
    var fetch = new Map();
    fetch = test[name];
}

这样我就可以写:

fetch('test').height = 1;

但这似乎会产生大量的开销，不断地复制这样的变量。

我是否忽略了一些简单的事情？

Answer 1

它不起作用的原因是，为了让映射/数组允许其中的任何东西，它必须只假设里面的东西至多是继承树上非常低级的东西。不幸的是，不像Vector<>和 Actionscript 中的代理对象，以及其他语言中的类似内容，这在 Javascript 中不容易做到。

How would you overload the [] operator in javascript

您拥有的解决方案(如果这是您想要的功能)大约是您可以做的最简单的。你也可以做一个.get(whatever)函数返回 [whatever]是，但具体是您想要的类型。你可以做一个.set(whatever,value)以及。但是，它不会阻止代码在使用 [] 时推东西。 .

一方面，过分依赖 IDE 来为您执行此操作并不是一个好主意，但尝试更好地强类型化本身并不是一个坏主意。

更新:

回答你的另一个问题...首先，为了轻松测试简单的 JS 东西，最好使用命令行版本:

http://blog.thefrontside.net/javascript/learning-javascript-from-the-command-line

https://developer.mozilla.org/en/SpiderMonkey_Build_Documentation

现在，我也不建议您只是为了破解 IDE 而这样做，而只是为了展示这样做的“方法”:

# js
js> function FooDataClass(){ this.data = "argh!"; }
js> function FooClass(){ this.get = GetStuff; this.put = PutStuff; this.stuff = new FooDataClass(); }
js> function PutStuff(name,stuff){ this[name]= this.stuff = stuff; }    
js> function GetStuff(name){ return this.stuff = this[name]; }     
js> f = new FooClass()       
[object Object]
js> f.put('bar', new FooDataClass())       
js> f.get('bar')    
[object Object]
js> f.get('bar').data
argh!
js> 

这可能为您伪造出您的 IDE。