问题
1、同步和异步的区别?分别举例
2、setTimeout相关
3、前端中使用异步的场景
知识点
异步和同步
- 同步会阻塞,异步不会
- setTiemout是异步,alert是同步
//异步
consle.log("1");
setTimeout(function(){
console.log("2");
})
console.log("3");
执行结果: 1、3、2
//同步
consle.log("1");
alert("2"); //等待点击确定后面才执行,阻塞
console.log("3");
- 异步场景:
- 定时任务:setTimeout、setInterval
- 网络请求:ajax请求、动态<img>加载
- 事件绑定
console.log("start"); var img = document.creatElement('img'); img.onload = function(){ console.log("loaded"); } img.src = "/xxx.png"; console.log("end");