学JS的心路历程 -非同步执行
Posted lannyQ_Q
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了学JS的心路历程 -非同步执行相关的知识，希望对你有一定的参考价值。
JS是单线程的语言，也就是说同一时间只会执行一行程序，所以如果一段程序执行过久就会造成阻塞（blocking）的现象，必须等到它结束后才能执行下一段程序。
举个例子来说，如果我们今天要买便当，但是老板说要十分钟才会好，那难道我们这十分钟内都不能做任何事情吗？
当然不是，JS本身有非同步执行的功能，也是就说我们会先跟这个函式说，你先到旁边继续跑，好了在「回来呼叫」我，我先继续跑其他程序。
有没有看到熟悉的关键字「回来呼叫」，没错非同步执行基本上都是利用callback达成。
举个例子来说，我们今天想要某个函式两秒后在执行，可以这样写：
function funA（）{
console.log（“funA”）；
}
function funB（）{
console.log（“funB”）；
}
setTimeout（funA，2000）；
funB（）；
//funB
//funA
但是callback作非同步会发现有一个问题，假设我们今天要：
监听一个按钮
点击后延迟一秒
向API发送请求(wowgoldfine)
btn.addEventListener（“click”，function（）{
setTimeout（function（）{
var oReqSec = new XMLHttpRequest（）；
var url = ‘https://devche.com/api/speech/data‘；
oReqSec.addEventListener（“load”，functiion（）{
if（this.resp onseText）{
console.log（‘success‘）；
}
}）；
oReqSec.open（“GET”，url）；
oReq.send（）；
}，1000）；
}）
有注意到，那恐怖的巢状结构了吗？这个我们通常称为回呼地狱（callback hell）。
但是其可怕之处并不是在于巢状结构，而是在于如果其中一个callback出了问题，不论是自己还是别人都难以debug。
这个例子或许比较不好懂，那我们换一个简单的来看：
doA（function（）{
doB（）
doC（function（）{
doD（function（）{
doE（）；
}）
}）
}）
当今天里面有个非同步函式出问题的话，有办法在短时间内找到吗？
肯定是没有办法的吧！
所以很多人都会拿这张波动拳图片来戏称回呼地狱
那到底要怎么解决这个问题呢？
JS在ES6时候提出了Promise语法，虽然底层还是用callback，但却大大解决了这个回呼地狱的问题。
至于怎么做？我们会在明天一一解析。(yfxj.net)
以上是关于学JS的心路历程 -非同步执行的主要内容，如果未能解决你的问题，请参考以下文章