这是我参与8月更文挑战的第20天,活动详情查看:8月更文挑战
实例
setTimeout(function () {
console.log(1)
},0)
console.log(2);
在这里问大家一个问题,这个函数的执行顺序是什么样的?按照常理来说,延迟0秒执行,不就是不延迟吗,所以应该是: 0 1吧; 但实际是:
因为setTimeout就是个异步函数
异步:不死等耗时较长的事情完成,先同时干别的事情,耗时较长的事情完成了,控制权交给回调函数
同步:就是异步的反面,死等那个耗时较长的事情完成,然后做别的事情\
什么是异步
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更改页面内容。
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!