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）、事件绑定
（等待的时候需要异步）