JavaScript基础（五）异步与单线程

什么是异步
问题：
1、同步和异步的区别是什么
2、一个关于setTimeout的笔试题（setTimeout是什么）
3、前端使用异步的场景有哪些

———我是思考的分界线——————————-

知识点：
1、什么是异步（对比同步）
2、前端使用异步的场景
3、异步和单线程

1、什么是异步

console.log(100)
setTimeout(functionO(){
    console.log(200)
},1000)
console.log(300)

执行结果是什么？

100，300，200  WHY？

没错，这就是异步，如果是同步的话，运行效果就是先100，等待一秒输出200，300，即

    console.log(100)
    alert(200)
    console.log(300)

何时需要异步

需要等待的情况

定时任务：setTimeout ， setIntverval

网络请求：ajax请求，动态img加载

事件绑定

网络请求示例

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('click')
})
console.log('end')

单线程：
js是一门单线程的语言，所以它必须使用异步。单线程是什么：就是一个函数来了，我就执行一个函数，一次只能执行一个，只能干一件事，然后后面的排排坐等着吃果果。遇见异步的情况就先拿出去，等到所有同步的执行好了，再回过头去执行异步。

同步和异步的区别：
同步会阻塞代码执行，而异步不会
alert是同步，setTimeout是异步

2、前端使用异步的场景

（1）、定时任务：setTimeout，setInverval
（2）、网络请求：ajax请求，动态img创建
（3）、事件绑定
（等待的时候需要异步）