如何将已解决的承诺值传递给另一个函数？

Question

如何将返回的Promise 值传递给另一个函数？我需要检索已解析的 JSON 数据，然后使用该响应数据发送到 Slack 频道。

我的 index.js

// Get the data
let getData = () => {
    axios.get('https://jsonplaceholder.typicode.com/posts/1').then(res => {
        const responseJSON = res.data
        return responseJSON
    })
    .catch(err => {
        console.log(`Error in getData(): ${err}`)
    })
}

// Post to Slack (real-time)
let slack = () => {
    axios.post('url-to-post-to', {
            'text':  getData().toString() // This has to be a string, but right now it's returning [object Promise]
        })
        .catch(err => {
            console.error(`Error in SLACK: ${err.response.data}`)
        })
}

现在我在 Slack 频道中收到 [object Promise]，但我需要以 string 形式返回的 JSON。

我认为我正在尝试传递一个尚未解析的值，但问题是，我不知道如何传递解析后的值。

感谢任何帮助。

Answer 1

在您第一次通话后插入您的 Slack 通话thenabled。您需要这样做，因为正如您所怀疑的那样，您正在进行 Slack 调用，结果是未履行的承诺。

// Get the data
let getData = () => {
    axios.get('https://jsonplaceholder.typicode.com/posts/1').then(res => {
        const respondeJSON = res.data;
        return responseJSON;
    }).then(data => {
        axios.post('url-to-post-to', {
            'text': data
        })
        .catch(err => {
            console.error(`Error in SLACK: ${err.response.data}`);
        });
    }).catch(err => {
        console.log(`Error in getData(): ${err}`)
    })
};

Answer 2

当使用 Promise 时，如果一个函数返回一个 Promise，你可以调用它的 then 属性，并且解析的值通过 then 参数传递。你可以的。

// Get the data
let getData = () => {
    return axios.get('https://jsonplaceholder.typicode.com/posts/1').then(res => {
        const respondeJSON = res.data
        return responseJSON
    })
    .catch(err => {
       console.log(`Error in getData(): ${err}`)
    })
}

// Post to Slack (real-time)
let slack = () => {
    getData().then(data => 
    axios.post('url-to-post-to', {
           'text':  data.toString() 
         })
    .catch(err => {
        console.error(`Error in SLACK: ${err.response.data}`)
    }))
}

或

// Get the data
let getData = () => {
    return axios.get('https://jsonplaceholder.typicode.com/posts/1').then(res => {
        const respondeJSON = res.data
        return responseJSON
    })
    .catch(err => {
       console.log(`Error in getData(): ${err}`)
    })
}

// Post to Slack (real-time)
let slack = (data) => {
    axios.post('url-to-post-to', {
           'text':  data.toString() 
         })
    .catch(err => {
        console.error(`Error in SLACK: ${err.response.data}`)
    }))
}

getData().then(slack);

Answer 3

你可以将你的函数包装在async-await中。

let slack = async () => {
    axios.post('url-to-post-to', {
            'text':  await getData().toString()
        })
        .catch(err => {
            console.error(`Error in SLACK: ${err.response.data}`)
        })
}