在定义嵌套对象属性之前承诺解决答案

【问题标题】：Promise resolving before nested object property is defined在定义嵌套对象属性之前承诺解决
【发布时间】：2020-09-01 11:34:07
【问题描述】：

我正在尝试返回一个具有两个属性的对象...一个正在生成 blob，并且需要时间来解决。然而，在承诺解决之前，javascript 似乎会跳转到下一个函数（或链中的“链接”）。有什么办法可以让它在跳转到下一个函数之前等待这个嵌套属性解析？

fetch(prefix + '/download', {
    method: 'POST',
    .....
})
.then((response) => {
    var contentDisposition = response.headers.get('content-disposition');
    var fileName = contentDisposition.split('filename=')[1].split(';')[0];
    return { blob: response.blob(), filename: fileName }
})
.then((blob) => {
    return { href: URL.createObjectURL(blob.blob), filename: blob.filename }
})

我收到Failed to execute 'createObjectURL' on 'URL': No function was found that matched the signature provided.，大概是因为 blob.blob 返回了一个 Promise 并且还没有任何值。

【问题讨论】：

标签： javascript promise download fetch

【解决方案1】：

尝试使用自己的 then() 返回 response.blob() 承诺以返回最终数据

fetch(prefix + '/download', {
    method: 'POST',
    .....
})
.then((response) => {
    var contentDisposition = response.headers.get('content-disposition');
    var filename = contentDisposition.split('filename=')[1].split(';')[0];

     return response.blob().then(blob =>{
        return  { href: URL.createObjectURL(blob), filename}
     });    
});

【讨论】：