Chrome 中的console.log 之异步或者同步

最新推荐文章于 2021-08-29 16:27:06 发布
最新推荐文章于 2021-08-29 16:27:06 发布
阅读量220 收藏
点赞数
原文链接：https://my.oschina.net/diqye/blog/472593
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

以下结果只是我在chrome里面做的实验 

图1

从图1可以看出  先执行console.log 打印出b 后才执行b.b=2; 然而事实是这样的吗？

图2

是否觉得跟图1得出的结论相悖论？ 从结果推测执行顺序是 console.log a.a.a1.a2.a3=3; 后才输出a 


当你在程序某处 执行console.log(a) 而后面某些地方 会对a中的数据进行变动  这个时候控制台上面的输出依然不是大多数人期望的结果了


转载于:https://my.oschina.net/diqye/blog/472593

weixin_34315189
关注
同步还是异步？console.log的怪异现象解析
小敏哥的专栏
01-18 779
在开始正式装逼之前，我们先来看几句简单的代码，并试图预测它的输出结果 var a=[{index:1},{index:1}]; console.log('==============修改前==========='); console.log(a); for(var i=0;i<a.length;i++){ a[i].index=2; ...
console异步还是同步
不知道该写啥QAQ
08-25 2449
在看Async JavaScript这本书时意外发现有个地方跟作者结果不相同，然后就在Stack Overflow得到了解释。原问题： https://stackoverflow.com/questions/23392111/console-log-async-or-sync 问题：书上说在webkit内核下：var obj = {}; console.log(obj); obj.foo = '
Chrome浏览器console.log()是异步的？
LYFlied的博客
03-09 1234
问题 在Chrome控制台执行以下代码，发现，打印出来的a的值都为3。 ？？？为何会这样？难道console.log()是异步执行的？ let arr = []; let obj = {a:1}; arr.push(obj); console.log(arr); obj.a=2; console.log(arr); let obj1 = obj; obj1.a=3; console.log(arr); //[{"a":3}] //[{"a":3}] //[{"a":3}] 在node环境执行同样的代码，
console.log()在浏览器中是异步执行!!!
Hanhanyoona的博客
08-22 1132
今天发现一个小问题:console.log()在浏览器中居然是异步执行的!!! 看下面这段代码: 打印结果如下: 数组的第一项是true. 使用node执行这段代码,结果如下:    ...
调试时经常使用的console.log()的同步和异步问题
weixin_33736649的博客
05-28 539
最近帮助一个同学在调试问题的时候，console.log()的输出真的让我诧异了一把，因为它竟然会出现异步输出的情况，因而误导了我们的判断，找错了方向，耽误了很多时间，所以这里记录一下遇到的这个问题，加深印象。 问题现象： 正常输出： 异常输出： 我们可以发现，异常输出的时候，没展开的时候，显示的name值是Tom，点击箭头展开对象里的n...
console.log同步与异步
MichaelAn的博客
05-14 4480
最近帮助一个后端同事调试时，console.log()他说结果不正确，因为会出现同步或者异步输出的情况。查阅资料，自己整理后，发现确实存在这个问题。 问题现象 异常出现原因分析 在分析之前，我们得知道一点，JS中对象是引用类型，每次使用对象时，都只是使用了对象在堆中的引用。 console.log打印的是对象当时的快照，展开对象时，它其实是重新去内存中读取对象的属性值，。 浏览器或者可以说是开发...
【二】 Chrome的进程间通信
穷途末路
10-12 5730
1. Chrome进程通信的基本模式     进程间通信，叫做IPC（Inter-Process Communication）。Chrome最主要有三类进程，一类是Browser主进程，我们一直尊称它老人家为老大；还有一类是各个Render进程，前面也提过了；另外还有一类一直没说过，是Plugin进程，每一个插件，在Chrome中都是以进程的形式呈现，等到后面说插件的时候再提罢了。Render进
Node.js连接OpenGauss异步转同步封装
06-10
在IT行业中，Node.js是一种基于Chrome V8引擎的JavaScript运行环境，它以其高效的非阻塞I/O和事件驱动模型在服务器端编程中受到广泛应用。OpenGauss则是一款开源的关系型数据库管理系统，专为大规模数据处理设计，...
on-screen-console-js-for-mobile:在屏幕左上角添加一个小按钮，在屏幕上打开 console.log 跟踪以进行调试，
07-10
考虑到不同项目的特定需求，开发者还可以扩展此库的功能，比如添加对其他console方法的支持（如console.warn和console.error），或者实现过滤机制，只显示特定类型的信息。另外，如果需要更高级的调试功能，如性能...
javascript异步调用机制
大西瓜不甜的博客
08-29 1659
对于javascript执行机制的理解一直都是混淆不清。在面试或工作的过程中，也经常会遇到代码执行顺序或函数生命周期加载等类似的问题，这些多多少少都与javascript的执行机制相关。今天发现一篇很好的文章，欣喜之余，加以转载，供感兴趣的小伙伴学习，感谢作者分享。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论： javascript是按照
console.badge:在浏览器控制台中打印徽章
05-14
在JavaScript中，`console`对象提供了多种方法来帮助我们记录和检查运行时的信息，如`console.log`、`console.error`、`console.warn`等。`console.badge`的引入，扩展了这个工具集，使开发者能够在控制台输出中添加...
chrome浏览器如何断点调试异步加载的JS
11-23
为了提高开发效率，尽量避免使用`console.log`来追踪问题，而是利用断点进行更精确的调试。 总的来说，虽然异步加载的JS在Sources面板中不易直接调试，但通过上述方法，我们依然可以在Chrome中实现有效的断点调试。...
在console 中执行异步方法
weixin_30892037的博客
07-24 277
1 在 Manage Nuget Packages查找Nito.AsyncEx， 并安装 2 使用 AsyncContext.Run(() => 方法名） 在Main方法中调用如下 转载于:https://www.cnblogs.com/zxhome/p/11236582.html...
console 立即输出 调试_调试时经常使用的console.log()的同步和异步问题
weixin_39924179的博客
12-22 505
最近帮助一个同学在调试问题的时候，console.log()的输出真的让我诧异了一把，因为它竟然会出现异步输出的情况，因而误导了我们的判断，找错了方向，耽误了很多时间，所以这里记录一下遇到的这个问题，加深印象。问题现象：正常输出：异常输出：我们可以发现，异常输出的时候，没展开的时候，显示的name值是Tom，点击箭头展开对象里的name则是Jack，而且，此时的输出值Jack执行语句，明显是在赋值...
console.log是异步的吗？
Full Stack
02-14 6400
WebKit的console.log由于表现出异步行为而让很多开发者惊诧不已。在Chrome或Safari中，以下这段代码会在控制台记录 {foo:bar}。 var obj = {}; console.log(obj); obj.foo = 'bar'; 怎么会这样？WebKit的console.log并没有立即拍摄对象快照，相反，它只存储了一个指向对象
chrome 解决跨域的问题
黄彪博客
09-13 616
跨越解决办法 1、桌面chrome图标： 右键——属性—— 快捷方式选项卡——目标内容填写如下字符串： "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --args --disable-web-security --user-data-dir=C:\MyChromeDevUserData ...
console.log()异步？
guanfeii的博客
07-01 472
基于webkit的浏览器比如chrome和safari，console.log()表现出来异步效果 看下面这一段代码： var obj = {}; console.log(obj); obj.name = '张三'; 我们会发现在浏览器中打印的结果是{ name:'张三' },而我们期望的结果应该是一个空的{}。导致这种结果的出现原因在于console.log()对于打印的对象存储的是地址值，并且没有在代码执行处立即执行拍摄快照，而是等到代码返回事件队列时才去拍摄快照，所以此时我们看到的是堆内存空间存
python从入门到实践外星人入侵
最新发布
09-14
python pycharm 外星人
node.js异步读取文件
03-05
2. 使用异步方法读取文件：Node.js提供了异步和同步两种方式读取文件，这里我们使用异步方法`fs.readFile()`来读取文件。 ```javascript fs.readFile('file.txt', 'utf8', (err, data) => { if (err) { console....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值