js中异步和单线程使用场景及常见问题

使用异步的场景

1. setTimeout

2. ajax 请求数据

3. 图片load 加载

4. 点击事件

setTimeout

异步–结果：100、300、200

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

同步–结果：100、200、300

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

点击事件

事件声明成功后，只有在点击时才调用触发事件

---

单线程

js是单线程的，所以必须有异步

这setTimeout没有时间限制
1、执行第一行，打印100
2、执行setTimeout，将传入setTimeout的函数暂存起来不执行（单线程特点：一次只能做一件事）
3、执行最后一行，打印300
4、待所有程序执行完成、产看有没有暂存的函数需要执行
5、发现setTimeout中没有时间限制的函数，立即执行，打印200

console.log(100);
setTimeout(function(){
    console.log(200)
});
console.log(300)

---

常见问题解答

1、同步和异步的区别、举例同步异步的例子

区别：同步会阻塞代码的执行，异步不会
例子：alert：同步；setTimeout：异步

2、setTimeout的例子

结果：13524

console.log(1);
setTimeout(function(){
    console.log(2)
},0);
console.log(3);
setTimeout(function(){
    console.log(4)
},1000);
console.log(5)