Promise.Then()返回Promise{&lt；Pending&gt；}

沃梦达教程前端问题

2022-09-06

promise.then() returns Promise { lt;pendinggt; }(Promise.Then()返回Promise{lt；Pendinggt；})

本文介绍了Promise.Then()返回Promise{&lt；Pending&gt；}的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

函数fetchData返回一个Promise，然后我通过将promise与.then链接在一起来处理这个Promise，但它返回Promise<；Pending&>。函数GenerateURL应返回一个字符串？我做错了什么？

const fetch = require('node-fetch');

const fetchData = async () => {
  return await fetch('https://jsonplaceholder.typicode.com/todos/1');
};

const generateURL = () => {
  const baseURL = 'https://cdn.test.com/';
  fetchData().then((res) => {
    const data = res.json();
    console.log('data', data);
    const id = data.id;
    console.log('id', id);
    const generatedURL = `${baseURL}${id}`;
    return generatedURL;
  });
};

推荐答案

减少了一点代码，而不是添加多个承诺解析

  const fetch = require('node-fetch');

const everything = async () =>{
    const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');
    const {id} = await response.json();
    return `https://cdn.test.com/${id}`
}
everything().then((res)=>console.log(res));

这篇关于Promise.Then()返回Promise{&lt；Pending&gt；}的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：Promise.Then()返回Promise{&lt；Pending&gt；}