JS之异步和单线程

问题

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");