javascript console.log在同一对象上显示不同的值

Question

我正在开发一个AngularJS应用程序。 当我在console.log中找到一个对象（指令链接函数的attrs参数）时，浏览器会显示参数“editable”的不一致结果（参见图片）。 在Chrome中，该属性被视为“zzz”和undefined（参见第5行与第1行）。 在Safari中，输出显示不同，但在console.log（对象）上，“editable”属性显示为“zzz”，而在console.log（object.editable）上，属性未定义。

任何提示？

我认为这个问题与： console.log（）显示相同对象属性的矛盾值有关

Answer 1

我猜你的HTML是这样的

<div my-directive editable="{{someScopeProperty}}"...></div>

并且您在链接函数中调用console.log() 。 当链接函数运行时，尚未定义插值属性（您需要使用$observe或$watch来异步获取插值），因此如果您尝试记录该值，您将得到undefined 。 不久之后，值被定义，Chrome似乎会在您记录完整对象的控制台（而不仅仅是单个值）中自动更新值（我认为这实际上是一个参考）。