Javascript：使用对象而不是数组按ID检索对象

Question

我想要一个对象数组来监视（跨接）每个span元素 （使用XMLHTTPRequest来检索另一个页面上的URL并将其放入相关的span中-我下面没有包含此功能，因为我只对object数组感兴趣）。

我喜欢以下代码片段（Doug Crockford？）的想法，但我无法使其正常工作。 我得到：

URLLoad.LoadingTxt000003.SetLoadTimeout is not a function

有任何想法吗？

这是我的代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<script language="javascript" type="text/javascript">

function URLLoad(id) {
    alert(id);

    return URLLoad[id] = {
        Tagid:id,
        LoadTimeout:0
    }
}

URLLoad.prototype.SetLoadTimeout = function(lt) {
    this.LoadTimeout = lt;
}

URLLoad("LoadingTxt000003");
URLLoad("LoadingTxt000005");

alert(URLLoad.LoadingTxt000003.DelayTimeout + URLLoad.LoadingTxt000005.DelayTimeout);

URLLoad['LoadingTxt000003'].SetLoadTimeout(20); //doesn't work
URLLoad.LoadingTxt000003.SetLoadTimeout(20);    //doesn't work

</script>

</head>

<body>

    <span id="LoadingTxt000003">...</span>
    <span id="LoadingTxt000005">...</span>

</body>
</html>

Answer 1

为了进行原型继承工作，您需要做两件事：

创建对象时使用new操作符，为了有一个this用正确的原型。
```
 new URLLoad(...) 
```
不从构造函数返回值。 您返回的值没有正确的原型，但是仍然具有优先级。
```
 function URLLoad(){ this.tagId = ...; this.timeOut = ...; } 
```

当然，您现在可能会抱怨我没有进行缓存。 好吧，我认为最好将构造与缓存分开。

var cache = {};
function urlLoad(key){
    if(!cache[key]){ cache[key] = new URLLoad(key); }
    return cache[key];
}

如果要避免暴露那些cache和URLLoad全局变量，我们可以使用模块模式将它们URLLoad私有：

var urlLoad = (function(){

    function URLLoad(){...};
    URLLoad.prototype = {...};

    var cache = {};
    function urlLoad(){...};

    return urlLoad;
}());

Answer 2

URLLoad是一个构造函数。 尝试使用new运算符添加前缀：

new URLLoad("LoadingTxt000003");

Answer 3

我认为您的解决方案过于复杂。 如果要缓存有关视图的信息，只需使用对象文字并执行

var viewCache = {};

然后在其中添加视图

viewCache['LoadingTxt000003'] = 20;

请注意，这在缓存中使用view元素的id作为键，将超时用作val。 还要注意，即使[id]看起来像数组索引，当在对象文字上使用它时，它只是设置键/值对的一种方法。

您可以通过执行以下操作来扩展它

viewCache['LoadingTxt000003'] = {'timeout': 20};

现在，您的缓存是一个对象文字，它的值也就是对象文字，如果您要在缓存中存储多个信息，这很有用。

Javascript：使用对象而不是数组按ID检索对象

问题描述

3 个解决方案

解决方案1
1 已采纳 2011-10-10 15:33:55

解决方案2
0 2011-10-10 14:17:56

解决方案3
0 2011-10-10 14:21:11

Javascript：使用对象而不是数组按ID检索对象

问题描述

3 个解决方案

解决方案1 1 已采纳 2011-10-10 15:33:55

解决方案2 0 2011-10-10 14:17:56

解决方案3 0 2011-10-10 14:21:11

解决方案1
1 已采纳 2011-10-10 15:33:55

解决方案2
0 2011-10-10 14:17:56

解决方案3
0 2011-10-10 14:21:11