异步请求——起步篇（日产问题排查）

源码：

let flag=false

。。。

ajax请求=》返回一个flag=true;

var interval = setInterval(function(){

if(flag == "true"){

console.log("ok");

clearInterval(interval)

}

},100)

什么时候flag变成true？

当时的思路一：在if(flag == "true"){前面打一个debugger，查看正确和错误两种情况下整个代码执行顺序，在代码执行过程中，每次都为flase，关掉debugger，就变为true。这令我很不解。

思路二：在var interval = setInterval(function(){前面使用console.log(flag)，查看是否因为这个请求而导致flag变为true，结果依旧为flase。

两种想法均失败，请教同事：

同事的第一步：查看代码逻辑，发现此时是一个定时器，每隔0.1s执行一次，查看flag是否为true。

此时恍然大悟，为什么每次debugger都为false。

第二步，利用f12查看请求返回值，返现返回的是一个html页面，在页面的最下方存在flag=true的语句，定位到问题所在。

结合同事的思维以及整个问题的解决过程总结如下：

问题一：不仔细分析代码，轻易下结论。

作者为什么会写一个定时循环存在，它想实时监测flag的变化，整个页面都没有设置flag变化的地方，那便可以先查看请求的发送。由此可见我的思路一完全是思维定势，不仔细针对情况处理问题的大意想法。查看请求内容很重要，切记。

问题二：异步请求知识点，掌握的很不牢固。

为什么每次debugger都为false，以及为什么在请求后添加console.log依旧为false。便是对异步知识掌握的不牢固的结果。虽然背了很多遍，自以为掌握的很好，可实战经验中表现得确极差。

知识点：js的事件循环会按照代码顺序一遍一遍执行：遇到同步请求先放到调用栈中执行，遇到异步请求放到消息队列中等候，遇到微任务放到微任务队列中。（此问题不涉及微任务，先不考虑）。

现在再来看，为什么console.log后依旧为false。console.log是同步任务，先于ajax和setInteval执行。所以cons即使ole.log放在最后面也是false。

那为什么在setInterval中添加debugger每次都为false，而关掉debugger却为true呢，因为debugger会中断代码执行，此时请求还没返回成功呢，当然会一直为false