异步

• 什么是单线程，和异步有什么关系
• 什么是event-loop
• 是否用过jQuery的deferred
• Promise的基本使用和原理
• 介绍一下async/await（和Promise的区别、联系）
• 总结一下当前JS解决异步的方案

单线程，只有一个线程，只能做一件事

原因，避免DOM渲染的冲突

• 浏览器需要渲染DOM
• JS可以修改DOM结构
• JS执行的时候，浏览器DOM渲染会暂停
• 两段JS代码不能同时执行（都修改DOM会产生冲突）
• webworker支持多线程，但是不能访问DOM

解决方案，异步

实现方式，event-loop

setTimeout

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

ajax

console.log(100);
$.ajax({
  url: 'url',
  success: function (result) { //ajax加载完才执行
    console.log(result);  //先不执行，让其他JS代码先运行
  }
});
console.log(300);
console.log(400);

问题

1. 没按照书写方式执行，可读性差
2. callback中不容易模块化