素材牛VIP会员
chrome工具 console.log出现诡异问题
 风***灬  分类:Node.js  人气:945  回帖:7  发布于6年前 收藏
var a = {name:"444"};
console.log(a);
var b ="name";
a[b]="bbb";
console.log(a);

以上代码用谷歌首次打开的时候第一次输出的不是444而是bbb,再次刷新正常,这是什么问题呢,好诡异?

 标签:node.jsjavascript

讨论这个帖子(7)垃圾回帖将一律封号处理……

Lv4 码徒
那***哦 移动开发工程师 6年前#1

这个问题怎么解决?没人给解决方案么

Lv1 新人
郭***己 Web前端工程师 6年前#2

我觉得是声明提前了

Lv3 码奴
贝***0 页面重构设计 6年前#3

WebKit的console.log是异步的。

Lv5 码农
黑***黑 Web前端工程师 6年前#4

这是对的啊 a[b]中b是变量 b代表的就是name 所以 a[b]等价于 a.name a[b]="bbb" 就是给a.name赋值为bbb所以最后打印就是name:bbb的对象了

Lv6 码匠
zx***30 其它 6年前#5

console.log很多时候不能真正实时的反应JS时序;因为是异步的内存快照;

Lv3 码奴
ou***un JS工程师 6年前#6

看到 Object 后面那个写着 i 的蓝色小方框了么?你把鼠标放上去就会看到解释:

Object value at left was shapshotted when logged, value below was envalueated jast now

什么意思呢?就是说这个标记左边的值是代码运行到这句时变量的快照,而下面的值是你展开这个对象时才评估的值,这样的设计是为了防止代码运行过程中 log 语句进行 snapshot 占用大量资源拖慢代码运行。所以在这个标记后面两次都输出 bbb 是正确的。

而当你打开控制台再次刷新时,会发现没有了这个标记,这时应当输出的是 444 bbb

log 如何输出受控制台是否开启、对象体积等很多因素影响。

Lv5 码农
陌***4 站长 6年前#7

请告诉我你是怎么做到的。

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取