JS异步和单线程

一题目：

a:同步和异步的区别？分别举一个同步和异步的例子

b:一个关于setTimeout的笔试题

c:前端使用异步的场景有哪些？

大家可以先想想，能否完全理解。

首先咱们先看一个例子，直接上代码

console.log(100)
setTimeout(function(){
  console.log(200)
},1000)
console.log(300)

个人理解：如果大家不知道setTimeout的用法。该段代码先打印100，然后等待1秒打印200，最后再打印300。这是人的思维而不是浏览器的思维，这个逻辑显然不对

正确的逻辑是： 打印100，打印300，1秒后打印200

接下来再来看看同步的例子：

console.log(100)
alert(333)
console.log(300)

 这里是打印100，浏览器弹出提示333，用户点击确定后，浏览器打印300.这个就是同步的例子，这个逻辑会明显阻塞后面的逻辑。

二何时需要异步

1.在可能发生等待的情况

2.等待过程中不能像alert一样阻塞程序运行

3.因此，所有的“等待的情况”都需要异步

三前端使用异步的场景

1.定时任务：setTimeout,setInverval

2.网络请求：ajax请求，动态img加载

3.事件绑定

console.log('start')
document.getElementById('kw').addEventListener('click',function(){
  console.log('事件点击了')
})
console.log('end')

上图是在浏览器下执行的代码。打印了start和end。用户点击的时候，就会打印“事件点击了”

四 同步和异步的区别

1.同步会阻塞代码运行，而异步不会

2.alert是同步，setTimeout是异步

五 一个关于setTimeout的笔试题

console.log(1)
setTimeout(() => {
  console.log(2)
}, 0)
console.log(3)
setTimeout(() => {
  console.log(4)
}, 1000)
console.log(5)

 

该程序执行结果为：1 3 5 2 4。如果和你想得一样，那么恭喜你，你已经明白了异步和同步，但是学无止境，加油吧，少年！！！