Question

假设我有一个网络应用程序在/exchange_rate/ccy1/ccy2返回给定货币对的汇率，只要在数据库中找不到货币对，网络应用程序就会返回404.

在前端JavaScript代码中，为了实现故障安全，每当本地汇率查询失败时，我都会查询公共提供商，比如currencyconverterapi.com

我们也假设由于某种原因（实际代码使用Vue生命周期钩子），全局变量rate，并且这两个函数不能合并，也不能变成异步

以下代码的问题是它仅在本地查询axios.get('/exchange_rate/EUR/' + ccy)结算时有效;当它拒绝时，amount * rate将在axios.get('http://free.currencyconverterapi.com...)设置rate之前执行 -

var rate;

function getExchangeRate(ccy) {
    return axios.get('/exchange_rate/EUR/' + ccy)
    .then(ret => {
        rate = ret.data.rate;
    }).catch(err => {
        axios.get('http://free.currencyconverterapi.com/api/v5/convert?q=EUR_' 
        + ccy).then(ret => {
            rate = ret.data.results.val;
        });
    });
}

function toEUR(ccy, amount) {
    getExchangeRate(ccy)
    .then(() => {
        return amount * rate;
    });
}

var EURAmount = toEUR('USD', 42);

我的问题是：有没有办法保证rate getExchangeRate toEUR正确设置Microsoft.Network/publicIPAddresses？

Answer 1

then函数中的toEUR并未等待第二个请求完成，因为您return未catch。

您也不应该为rate变量使用共享状态。只需将其作为您承诺的结果归还。

function getExchangeRate(ccy) {
    return axios.get('/exchange_rate/EUR/' + ccy)
    .then(ret => ret.data.rate)
    .catch(err => {
        return axios.get('http://free.currencyconverterapi.com/api/v5/convert?q=EUR_' 
        + ccy)
            .then(ret => ret.data.results.val);
    });
}

function toEUR(ccy, amount) {
    return getExchangeRate(ccy)
        .then(rate => amount * rate);
}

toEUR('USD', 42)
    .then(amount => console.log(amount))
    .catch(err => console.error(err));

我建议将备份调用作为一个单独的函数进行分解，这样你就不会有嵌套的承诺：

function getExchangeRatePublicProvider(ccy) {
    return axios.get('http://free.currencyconverterapi.com/api/v5/convert?q=EUR_' 
        + ccy)
        .then(ret => ret.data.results.val);
}

function getExchangeRate(ccy) {
    return axios.get('/exchange_rate/EUR/' + ccy)
        .then(ret => ret.data.rate)
        .catch(err => getExhangeRatePublicProvider(ccy));
}

function toEUR(ccy, amount) {
    return getExchangeRate(ccy)
        .then(rate => amount * rate);
}

toEUR('USD', 42)
    .then(amount => console.log(amount))
    .catch(err => console.error(err));

JavaScript异步函数哇

1 个答案: