2 renee1995 Renee1995 于 2017.09.18 13:56 提问

如何让JS确保上一个方法执行完毕再执行下一个方法?(纯js,不用jquery

downPdf.onclick = function() {
pageData='pppp';
console.log("进来了");
var infoHtml=document.getElementById("infoHtml");
a();
console.log("pageData-a-after:"+pageData);
b();

}
function a(){
setTimeout(function(){
pageData='pppp-a';
console.log("pageData-a-1000:"+pageData);

}, 1000);

}
function b(){
console.log("pageData-b:"+pageData);
}

console台打印:
进来了

pageData-a-after:pppp
pageData-b:pppp
pageData-a-1000:pppp-a

我想让他执行完a方法之后再进行后续的打印和b方法,而不是像上面那样?

2个回答

showbo
showbo   Ds   Rxr 2017.09.18 14:08
已采纳

a传入回调,后续代码放回调里面

     downPdf.onclick = function () {
        pageData = 'pppp';
        console.log("进来了");
        var infoHtml = document.getElementById("infoHtml");
        a(function () {////////
            console.log("pageData-a-after:" + pageData);
            b();
        });

    }
    function a(callback) {
        setTimeout(function () {
            pageData = 'pppp-a';
            console.log("pageData-a-1000:" + pageData);
            callback()//////////////
        }, 1000);

    }
    function b() {
        console.log("pageData-b:" + pageData);
    }
Renee1995
Renee1995 感谢!
2 个月之前 回复
sunny_desmond
sunny_desmond   2017.09.18 14:16

ES6 的promise 可以完美解决你的问题

Csdn user default icon
上传中...
上传图片
插入图片