javascript中的异步和单线程

来源:互联网 发布:淘宝仓库中的宝贝链接 编辑:程序博客网 时间:2024/05/18 02:10
异步:异步和同步的最大区别在于有没有阻塞程序运行

何时需要异步
需要等待情况
等待过程不能像alert一样

前端异步使用场景
- 定时任务:setTimeout、setInterval
- 网络请求:ajax请求、动态加载
- 事件绑定

ajax请求代码示例

console.log('start')$.get('./data1.json',function(data1){    console.log(data1)})console.log('end')

img加载示例

console.log('start')var img=document.createElement('img')img.onload=function(){    console.log('loaded')}img.src='./xxx.png'console.log('end')

事件绑定示例

console.log('start')document.getElementById('btn1').addEventListener('click', function(){    alert('clicked')})console.log('end')