JS异步代码的几种应用

前言：
    javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，在执行后面一个任务

    这种模式虽然实现起来比较简单，执行环境相对单纯，但是只要一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往是因为莫一段javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法运行。

   为了解决这个问题Javascript语言将任务的执行模式分成两种：同步和异步。我们在这里主要来说说 异步编程

一、回调函数
这是异步编程最基本的方法

假如有两个函数f1和f2，后者等待前者的执行结果。如果f1是一个很耗时的任务，可以考虑改写f1，把f2写成f1的回调函数。

function f1(callback) {
  setTimeout(function () {
     callback();
  },1000);
}
f1()f2;
采用这种方式，我们把同步操作变成了异步操作，f1不会堵塞程序的运行，相当于先执行程序的主要逻辑，将耗时的操作推迟执行。

回调函数：优点是简单、容易理解和部署。

                  缺点是不利于代码的阅读和维护，各个部分之间高度耦合（Coupling），流程会很混乱，而且每个任务只能指定一个回调函数。

二、事件监听
采用事件驱动模式。任务的执行不取决于代码的顺序，而取决与某个事件的发生