面试标题(字节):
console的异步性怎样了解?
答案解析:
console
我一直以为是同步履行的,直到在一本书上看到,才了解到console自身有异步的特性。虽然在平常开发中常常运用console
,可是真的没有意识到它的异步性。
下面就看下异步的实例
根底类型
该类型是咱们开发中常常运用的,正是这种打印成果,让咱们认为console
是同步的。其实这种case也是异步的,因为履行到console
时,拍摄了快照,记载了其时的变量值,当代码履行完回来到事件队列时,直接打印了前面记载的快照造成的。
let foo = 'bar';
console.log(foo);
foo = 'test';
引证类型,可以帮咱们很好的验证console
的异步性。看下图中的打印成果,如果是同步的话,打印成果应该时{}
,可是却是修正后的值{foo: 'bar'}
。
主要是因为,obj是引证类型,履行到console
时,仅仅存储了目标的引证,关于目标内部的值未做记载。当代码履行完后,obj内部的值现已被修正。回来事件队列后,打印出的成果实际是修正后的值。
let obj = {};
console.log(obj);
obj.foo = 'bar';
定论
以上示例,都是在浏览器中的表现,也就是浏览器中console
实际是异步快照,node中的console
是另一回事,它是严厉同步的,因此同样的代码打印成果是{}
。
浏览器之所以这样,是因为,在许多程序中,I/O被认为是低速的堵塞环节。在浏览器中,console.log会被异步处理以进步功能。
下面再看两道标题加深下了解
第一道
a = [1, 2, 3];
console.log(a, a.pop());
[1, 2], 3
第二道
这道标题很有特点,打印成果,打开前后值是不一样的。
person = {
name: "张三",
age: 18,
};
console.log(person);
person.name = "李四";
console.log(person);
当console.log
输出内容为目标,指向的是目标的地址,当点开目标进行查看时,才会去拜访相应地址获取内容。所以点开目标后,会重新拜访目标地址进行查询,因此之前的张三,变成了李四