发送请求在javascript中的其他请求之前运行

Question

我有这样的功能：

function sendRQ(url,filename){
new Promise(function (resolve, reject) {
    console.log('111');
    var request = new XMLHttpRequest();
    request.timeout = 2000;
    request.open('GET', url, true);
    request.responseType = 'blob';
    console.log('222');
    request.onload =  function (){
        console.log('333');
        let reader = new FileReader();
        reader.readAsDataURL(request.response);
        reader.onload = function (e) {
            console.log('444');
            var base = e.target.result;
            resolve(base);
            var arr = base.split(','), mime = arr[0].match(/:(.*?);/)[1],
                bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
            while (n--) {
                u8arr[n] = bstr.charCodeAt(n);
            }
            return new File([u8arr], filename, {type: mime});
        };
        console.log('555');

    };
    request.send();
    console.log('666');

}).then(function (dataurl) {
    var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
    while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
    }
    console.log('777');
    return new File([u8arr], filename, {type: mime});
}).then(function (file) {
    console.log('888');

    return file;
});}

我在每个级别中设置console.log以获得运行步骤的优先级。但是回声“ 222”后回声“ 666”。我该如何解决？我先定下诺言，然后却不能正常工作！

Answer 1

这很正常，因为您使用了异步ajax在此行

request.onload =  function (){

您只是声明将要执行的功能。当触发onload事件时。

因此，正常情况下，先记录日志222，然后声明函数，然后记录日志555，并在发出onload之后。然后该函数被执行。

您可以调用resolve并设置任何数据的路径。该数据将得到保证。然后（数据=> {}）并拒绝数据将来自promise.catch（err => {}）

根据您的情况，您正在解决基础我认为您是要解决File（[u8arr]，文件名，{type：mime}）

如果您要解析新文件（[u8arr]，文件名，{类型：mime}）

reader.onload = function (e) {
        console.log('444');
        var base = e.target.result;
        var arr = base.split(','), mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
        }
        resolve(new File([u8arr], filename, {type: mime}));
    };

并删除它，因为您已经解析了文件

then(function (dataurl) {
var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
    bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
}
console.log('777');
return new File([u8arr], filename, {type: mime});

}）