同步和异步的区别是什么？
js是单线程的，只能同时做一件事，所以就需要异步同步会阻塞代码执行，而异步不会
alert是同步，setTimeout是异步
// 异步console.log(100);setTimeout(function () {console.log(200);}, 1000);console.log(300);
// 同步console.log(100);alert(200); // 1秒之后点击确认console.log(300);
何时需要异步？
在可能发生等待的情况，等待过程中不能像alert一样阻塞程序进行。因此，所有“等待的情况”都需要异步。
前端使用异步的场景有哪些?
定时任务：setTimeOut，setInterval网络请求：ajax请求，动态 <img> 加载
事件绑定
// ajax请求console.log('start');$.get('./data1.json', function (data) {console.log(data);});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('clicked');});console.log('end');
