getTargets函数未等内部Promise解析返回null,需返回upload_url而非Promise
解决getTargets函数异步返回问题
首先得明确一个核心事实:涉及异步操作的函数不可能同步返回最终结果——你没法让getTargets直接返回upload_url字符串,它必须返回一个Promise<string>,之后你需要通过await或者.then()来获取最终的upload_url。这是JavaScript异步机制的固有规则,没法绕开。
先拆解你原代码的问题:
.then()里的return response.upload_url只是给Promise链内部返回了值,并不会成为getTargets函数的返回值,函数会在异步请求发起后直接执行完毕,默认返回undefined(你提到的返回null可能是其他上下文影响,但核心是没拿到异步结果)。- 函数没有顶层的return语句,完全没处理异步操作的返回逻辑。
下面是用async/await修改后的正确代码:
async function getTargets(currentChunk) { let chunkArray = {}; // 这里改成对象更合理,因为你用字符串作为键存储键值对,数组的键应该是数字 // 将分块字符串拆分为键值对并存储 for (let parameter of currentChunk) { let keyValue = parameter.split('='); chunkArray[keyValue[0]] = keyValue[1]; } // 遍历文件找到匹配项 for (let file of myFiles) { if (file.name === chunkArray['resumableFilename']) { // 用await等待Promise解析完成,拿到响应结果 const response = await myService.getUploadUrl( file.id, chunkArray['resumableChunkNumber'], file.upload_id ); console.log(response.upload_url); // 返回upload_url,async函数会自动把它包装成Promise返回 return response.upload_url; } } // 处理未找到匹配文件的情况,可选:抛出错误或返回默认值 throw new Error('未找到匹配的文件'); // 或者返回null:return null; }
正确的调用方式(必须处理Promise):
// 在async函数内调用,用await获取结果 async function handleUpload() { try { const uploadUrl = await getTargets(你的currentChunk参数); // 在这里使用拿到的upload_url } catch (error) { console.error('获取上传地址失败:', error); } } // 或者用.then()链式调用 getTargets(你的currentChunk参数) .then(uploadUrl => { // 使用upload_url }) .catch(error => { console.error('获取上传地址失败:', error); });
额外补充:
- 把
chunkArray从数组改成对象是语义优化,数组的键应为数字索引,用对象存储字符串键的键值对更符合JavaScript的语法规范。 - 如果
myFiles中可能存在多个匹配文件,当前代码会返回第一个匹配结果;若需处理多个匹配项,可以收集所有Promise后用Promise.all()批量处理,但从你的逻辑来看应该是找单个匹配文件。 - 务必处理异步操作的错误场景,避免未捕获的Promise异常。
内容的提问来源于stack exchange,提问作者depiction
相关产品推荐
相关产品推荐

