javascript - chrome 开发人员工具控制台中对象之间的差异

Question

当我将我的一个对象(通过 ajax 调用创建)打印到控制台时，我返回:

Object
discreet: Array[2]
range: Array[2]
__proto__: Object

但是当我手动创建对象时，我正确地返回了:

Object {range: Array[2], discreet: Array[2]}
discreet: Array[2]
range: Array[2]
__proto__: Object

有人可以向我解释这两个对象之间的区别，以及为什么我无法访问第一个对象的属性吗？

编辑:第一个对象由以下人员创建:

var obj = {}

$http.get('/discreet').then( function(data) { obj.discreet = data } );
$http.get('/range').then( function(data) { obj.range = data } );

print(obj);

我手工制作的第二个:

var obj = { range: [1,2], discreet: [1,2] }
print(obj);

Answer 1

第一个只是在 xhr 响应返回之前被printed，所以对象在记录时是空的。

第二个在填充后记录。