在extjs中在控制台上打印自定义对象

Question

我正在尝试在UI开发上使用extjs 4.2.2。我对此完全陌生。我无法理解如何打印我不知道属性的对象。有人可以帮我解决这个问题。

如果我知道对象的属性，我可以这样做。

console.log('print: ' + myObj.get('name'));

但是，如果我不知道属性（在这种情况下名称）怎么能打印出来？有没有办法迭代对象属性并打印它。请帮助我。

Answer 1

是的，您可以使用for .. in loop

迭代对象的属性

for (var prop in obj) {
    console.log("o." + prop + " = " + obj[prop]);
}

另一种方法是将对象编码为字符串：

console.log(Ext.encode(o))

但是，我通常会记录完整的对象console.log(o)，并且我使用控制台UI来浏览感兴趣的属性。

Answer 2

1. 此外，您可能需要考虑安装适用于Sencha插件的应用程序检查器＆＃39;来自Google Chrome应用商店，它是Sencha的免费插件。非常方便，易于使用的可视化工具，可以查看组件及其方法，属性和值，查看存在的存储和数据，查看布局，查看事件并记录触发的事件。 / p>

2. 另外，值得考虑的是使用我发现非常有用的Ext.ComponentQuery。我倾向于直接在Web浏览器控制台窗口和我的EXTJS console.log语句中使用它。

   这些链接将有助于解释ComponentQuery http://training.figleaf.com/tutorials/senchacomplete/chapter2/lesson5/2.cfm http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.ComponentQuery

   http://devjs.eu/en/how-to-use-ext-component-query-in-ext-js-4/