ember.js - 如何在控制台中检查 Ember.js 对象？

Question

有什么方法可以了解 Ember.js 对象在 JavaScript 控制台中真正包含的内容。如果你这样做 console.log(this) ，您将获得几乎任何对象的几乎相同的数据结构，如下所示:



这不是很有帮助，它让您不知道在对象上实际设置了哪些属性。

到目前为止，我发现调试的唯一方法是尝试 console.log(this.get('whatever'))对于任何可以想象的名称，但很难猜测可用的名称。

有没有办法更深入地挖掘对象的数据？

Answer 1

Ember 提供了几种方法来帮助从控制台调试对象:

Object.toString 打印任何 ember 对象的身份

App.Person = Em.Object.extend()
person = App.Person.create()
person.toString() 
//=> "<App.Person:ember1024>"

Ember.inspect 将对象转换为有用的字符串描述

var object = Ember.Object.create({
  firstName: 'Hansi',
  lastName: 'Hinterseer',
  age: 58
});
console.log( Ember.inspect(object) );
// {__ember1331067974108_meta: [object Object] , firstName: Hansi , lastName: Hinterseer , age: 58}

Ember.keys 返回在对象或哈希上定义的所有键

console.log(Ember.keys(this));