JavaScript中到底什么是异步

372 阅读2分钟

这是我参与8月更文挑战的第20天,活动详情查看:8月更文挑战

实例

setTimeout(function () {
    console.log(1)
},0)
console.log(2);

在这里问大家一个问题,这个函数的执行顺序是什么样的?按照常理来说,延迟0秒执行,不就是不延迟吗,所以应该是: 0 1吧; 但实际是:

image.png

因为setTimeout就是个异步函数
异步:不死等耗时较长的事情完成,先同时干别的事情,耗时较长的事情完成了,控制权交给回调函数
同步:就是异步的反面,死等那个耗时较长的事情完成,然后做别的事情\

什么是异步

image.png

js中常见的异步函数: 1) setInterval、setTimeout 2) 所有的事件监听可以看做异步 3) Ajax(实际上也是onreadystatechange事件)

其他的一些异步和同步

Node.js全是异步 PHP读取数据库,是同步的,死等读取完成:

//php是同步读取数据库,I/O时间非常长,仍然死等,I/O驱动程序开始工作,CPU计算进程被阻塞。
$result = Mysql_query("SELECT * FROM table1");
mysql_fetch_array($result);
// node.js和php相反,是异步的:
db.read({"student":"all"},function(data){
console.log(data.username);
});
console.log(1+2+3);    
//会先打印6 再打印IO查出的数据

Ajax异步的细节:

● 浏览器执行到Ajax代码这行语句,发出了一个HTTP请求,欲请求服务器上的数据。服务器的此时开始I/O,所谓的I/O就是磁盘读取,需要花一些时间,所以不会立即产生下行HTTP报文。
● 由于Ajax是异步的,所以本地的JavaScript程序不会停止运行,页面不会假死,不会傻等下行HTTP报文的出现。后面的JavaScript语句将继续运行。进程不阻塞。
● 服务器I/O结束,将下行HTTP报文发送到本地。此时,回调函数将执行。回调函数中,将使用DOM更改页面内容。