javascript中的异步和单线程

原创于 2017-08-08 19:52:30 发布 · 305 阅读

CC 4.0 BY-SA版权

21 篇文章

订阅专栏

本文详细介绍了前端开发中异步技术的应用，包括定时任务、网络请求、图片加载及事件绑定等场景，并通过具体示例展示了如何实现这些异步操作。

异步：异步和同步的最大区别在于有没有阻塞程序运行

何时需要异步
需要等待情况
等待过程不能像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')