Question

我在一个名为thing.js的文件中有一个javascript“模块”（我们在python中称它们）：

function Thing(){
this.a = "foo";
this.b = "bar";
this.c = "";

this.d = function(){
    this.c = this.a + this.b;
};
};

var things = {
'one':Thing(),
'two':Thing(),
'three':Thing()
};
alert(things["one"]); // output: undefined!!??

/* Pick out two random items from things. */
var random_thing = function(){
    //var grabbed = 0;
    //while(grabbed < 1){
var pick = getRandomInt(0,2);
alert(things["one"]); // output: undefined!!
    //if ()
    //return pick;
};

代码有点不完整，我想从事物中随机挑出两件物品并将它们归还。但这不是当前的问题。

我有一个名为main.js的独立“主”javascript文件，它调用这些对象和函数：

$div1.append(random_thing());

在我的html文件中，我包含了两个javascript文件：

<script type="text/javascript" src="thing.js"></script>
<script type="text/javascript" src="main.js"></script>

但是我不断得到的输出是“未定义”的警报（事情['one']）！我不明白第一个警报如何返回undefined，它就在关联数组的定义之下。

Answer 1

除了修改Thing()属性之外，调用window对您没有任何帮助。您正在寻找new Thing()

var things = {
    'one': new Thing(),
    'two': new Thing(),
    'three': new Thing()
};

如果您在不使用new关键字的情况下调用“类”功能，那么this将引用window全局对象，这实际上可以确保事情出错 - 有时候太可怕了。当您执行时，使用new关键字，this将引用将自动返回的全新对象。

这是JavaScript“类”的常见问题，并且（在我看来）最好通过使用创建函数来避免：

function Thing() {
    this.a = "foo";
    this.b = "bar";
    this.c = "";

    this.d = function(){
        this.c = this.a + this.b;
    };
};
Thing.create = function() {
    return new Thing();
};

var things = {
    'one': Thing.create(),
    'two': Thing.create(),
    'three': Thing.create()
};

此处的目标是永远不要依赖创建者函数之外的new关键字。

无法访问javascript关联数组中的项目

1 个答案: