如何读取对象字面量的JavaScript数组？

Question

在我正在开发的JavaScript应用程序中，我有一个对象数组：

function Message(title, message) {
    this.title=title;
    this.message=message;
}

var MessageArray = new Array();
MessageArray[0] = new Message("Some Title", "Some new message.");

我有一个问题，我需要调试。有没有办法读取或嗅探数组中的当前对象，包括它们的title和message属性？我可以添加另一个函数来使用这些值来alert()我，但是如果有一个工具可以像Visual Studio调试器一样使用，那么我会很想了解它。我看了一下Firebug，但它似乎没有这个能力。

需要明确的是，我正在寻找一个调试器，它可以让我在运行时检查任何变量，而不是目前特定的MessageArray。我确实找到了Chrome的作用域变量窗格，但它似乎只列出了标量，而没有数组！

Answer 1

大多数现代浏览器都有一个内置的开发人员控制台，具有普通调试器的所有功能。断点和变量检测等。在chrome中，你可以通过工具菜单或者按f12来打开它。

您还可以使用JavaScript Console.log();将您想要的任何内容记录到开发人员控制台。这会阻止您使用警报，在警报启动时停止JavaScript的执行。

在这种情况下，console.log(MessageArray[0].title, MessageArray[0].message);将把标题和消息打印到控制台。

编辑：

这是chrome内部控制台的屏幕截图。向我展示如何创建您的对象，然后通过控制台与它们交互。

​

​

Answer 2

所有现代浏览器( IE 7+、Firefox、Chrome、Opera )都有调试(开发人员)控制台，因此尝试将其用作经典调试器

IE调试控制台也来自微软，所以试着使用它- Firebug可以做到这一点(试试wath MessageArray -你会在那里找到它)

Answer 3

可以引用这些属性，例如，如下所示：

MessageArray[0].title    
MessageArray[0].message