Javascript 中的“for..in”产生“未定义”值

Question

我正在开发 Chrome 的扩展程序，我只是想知道“for..in”在 Javascript 中的用法。让我用一个例子来解释一下我发现的问题：

假设我有一个{prop1: "foo", prop2: "bar", ...} 类型的易失性对象。 我想以某种语法将此对象保存在字符串中，例如"prop1=foo;prop2=bar;..."。这是我使用的代码：

var fun = function(data) {
  var str = "";
  for (var i in data) {
    str += i + "=" + data[i] + ";";
  }
  return str;
};
log(fun({x:1, y:2}));

fun 返回以下字符串：undefinedx=1;y=2;。

我真的不明白为什么它会遵循这种行为。我知道我可以使用 JSON 来“字符串化”这样的事情，但实际上我只是想了解它为什么会发生。

Answer 1

这是您正在运行的确切代码吗？ data[i] 之前缺少的 + 让我相信它不是。看起来很像 str 开始时未初始化，如下所示：

var fun = function(data) {
  var str;
  for (var i in data) {
    str += i + "=" + data[i] + ";";
  }
  return str;
}