前端JS知识要点总结(4)
来源:互联网 发布:c#冒泡排序的算法思路 编辑:程序博客网 时间:2024/05/22 01:35
异步和单线程
共有以下知识点:
- 什么是异步
- 前端异步的场景
- 异步和单线程
先举一个例子来区分阻塞和非阻塞:
// 异步 无阻塞console.log(100)setTimeout(function() { console.log(200)},1000)console.log(300)// output100 300 |--1s后--> 200
// 有阻塞 同步console.log(100)alert(200)console.log(300)// output100 200(只有点击了弹出框的确认按钮,才能打印300,否则程序会卡在这里,等待点击确认) 300
何时需要异步:
有可能发生等待的情况,即不能在等待事件执行的时候卡主不动,包括:
定时任务:setTimeout(), setInterval()
网络请求:ajax请求,动态img加载
事件绑定:等待事件的发生,然后执行
JS是单线程的,一次只能执行一个动作。
JS遇见异步的时候,会将这个任务拿出去,放在一个任务列表中,等待触发动作的完成才会执行。从而不影响程序的单线程的顺序执行。
再详细一点的解释一下上面这段话:
对于一段JS代码而言,在执行的时候会一行一行的顺序执行,当遇见例如上面列举的异步的情况的时候,会将异步的任务拿出来,放在一张任务表中第一个位置,然后继续一行一行的执行。如果又遇见了异步,就依然将其放在任务表中,放在第二个位置。当按照顺序执行完了所有的代码的时候,将会跳转到任务表,当其中的某个任务被触发的时候,将会执行相应的任务。
题目十五:同步,异步的区别是什么?分别举一个例子
同步会阻塞代码,异步不会,例子可以参照第一段和第二段程序。
题目十六:一个关于setTimeout的笔试题
面试一般都会出一道setTimeout的笔试题,按照上面解释单线程的方式进行推理即可
题目十七:前端使用异步的场景有哪些
包括:定时任务,网络请求,事件绑定。(详细可以参考上面提到过的内容)
阅读全文
0 0
- 前端JS知识要点总结(4)
- 前端JS知识要点总结(1)
- 前端JS知识要点总结(2)
- 前端JS知识要点总结(3)
- 前端JS知识要点总结(5)
- 前端JS知识要点总结(6)
- 前端JS知识要点总结(7)
- 前端JS知识要点总结(8)
- 前端JS知识要点总结(9)
- 前端JS知识要点总结(10)
- 前端JS知识要点总结(11)
- web前端知识要点总结1
- 前端知识总结(js部分)
- 前端学习知识要点整理
- C# 接口(知识要点归纳总结)
- iOS知识要点总结
- 知识要点总结
- 操作系统知识要点总结
- itext PdfPTable width
- mac的环境变量修改顺序
- rmdir命令
- 深入理解java异常处理机制
- jquery ui dialog ie 显示不正确。
- 前端JS知识要点总结(4)
- AB液体室温发泡硅胶(双组份室温发泡硅胶)
- java心跳机制
- POJ
- firebug 调试小技巧
- Linux 常用命令总结
- jquery autocomplete key value pair
- 数据库设计原则
- 加载WebView组建封装