function A(){
var i = 0;
i = B();
C(i);
}
function B(){
setTimeout(function(){}, 1000);
return 2;
}
function C(i){
console.log(i);
}
这几天开发前端发现一个问题,两个函数前后顺序写上之后,却没有按顺序执行,如上例所示,控制台输出的其实是0而不是2。这说明前端的函数运行其实默认是异步进行而不是同步,我们以为是先执行B函数结束后再执行,实际上B函数执行没有结束,C函数就会运行,这对于前端有很大的好处,不会被阻塞,可以同时多线程的加载页面。
解决方法
将C方法放到B方法中运行,如果是ajax方法的话,可以加入参数async:false,这样ajax函数就会变成同步方法,ajax执行时,方法会阻塞。