0

我在 chrome 中发现，看不到 for in 循环的每一步。例如，使用 chrome 或 chrome canary 的调试器，在行中设置断点

for (var i in stuff)

下面的代码，当暂停时，点击 step into 直到该行

return n;

你可以看到for in循环会完成一次。我想看看for in循环的整个过程。所以问题是：如何在chrome中查看javascript for in循环的每一步？

function objectPlus(o, stuff) {
    var n;
    function F() {}
    F.prototype = o;
    n = new F();
    n.uber = o;

    for (var i in stuff) {
        // I found in debuger, for in loop will finish in one step into,so you can't see the process of every property copy
        n[i] = stuff[i];
    }

    return n;
}

var shape = {
    name: 'shape',
    toString: function() {
        return this.name;
    }
};

var twoDee = objectPlus(shape, {
    name: '2D shape',
    toString: function() {
        return this.uber.toString() + ', ' + this.name;
    }
});
4

1 回答 1

1

点击Sources，就会显示JS。

点击目标js文件

在左侧 - 行号将出现

单击您想要断点/暂停的行号

功能键 --> F11 - 如果你想查看输出，在你的 for 循环中放置一个 console.log --> console.log(n[i])

于 2013-02-24T09:09:46.607 回答