异步、回调函数、Promise？一篇就够了

前言

在JavaScript的学习过程中，异步、回调函数、Promise是绕不开的几个词。为方便读者和自己加深理解，本篇文章将其用通俗易懂的方式梳理一下，新手向。可能你也有相同的困惑，或者你已经学习到某一步，亦或者只是为了无聊想浪费点时间，这篇应该都能帮到你。

目录

前言

一、异步(Asynchronous)

二、回调函数(callback)

三、Promise

总结

---

一、异步(Asynchronous)

异步和同步的概念通常一起出现来对比。大一的时候老师就教给我们C语言是逐行执行的，于是我们常浅显的认为代码都是逐行执行的，只到遇到JS。JavaScript代码是异步执行的。

怎么理解？节约时间，先上代码：

// 理解JS异步
var a = 0

function fun1() {
    // 耗时的操作
    setTimeout(() => {
        a = 1
        console.log('fun1被执行了')
    }, 3000);
}

function fun2(x) {
    console.log(x)
}

fun1() // 看似先执行
fun2(a) // 实际先执行

代码段很简单，梳理一下：先在外层定义了一个