告别硬编码：灵活访问API响应数据，提升代码灵活性

2024-04-28 07:38:32

灵活访问响应API数据：告别硬编码

问题

当你编写一个需要获取用户输入的CLI命令时，你会遇到一个问题。你希望用户输入一个硬币名称和一个货币代码，然后将这些变量分配给响应数据。但是，这样会导致错误，因为硬编码的值与响应数据不匹配。

解决方案

为了解决这个问题，我们需要找到一种方法来动态地访问响应数据的属性。我们可以使用以下代码来实现：

let coinData = res.data.data[coinOption];

这将获取以coinOption为键的响应数据对象的相应值。例如，如果你将coinOption设置为BTC，它将返回以下对象：

{
  "id": 1,
  "name": "Bitcoin",
  "symbol": "BTC",
  "slug": "bitcoin",
  "num_market_pairs": 11018,
  "date_added": "2010-07-13T00:00:00.000Z",
}

现在，你可以访问coinData.symbol来获取硬币的符号，或coinData.name来获取硬币的名称，而无需硬编码。

更新后的代码

import axios from "axios";
import colors from "colors";

class CryptoAPI {
  constructor(apikey) {
    this.apikey = apikey;
    this.baseUrl =
      "https://pro-api.coinmarketcap.com/v1/cryptocurrency/quotes/latest";
  }

  async getPriceData(coinOption, curOption) {
    try {
      const res = await axios.get(
        `${this.baseUrl}?symbol=${coinOption}&convert=${curOption}`,
        {
          headers: {
            "X-CMC_PRO_API_KEY": this.apikey,
          },
        }
      );

      let coinData = res.data.data[coinOption];
      let output = `Coin : ${coinData.symbol} (${coinData.name}) | Price : ${coinData.quote.INR.price} | Rank : ${coinData.cmc_rank} | Change 24H : ${coinData.quote.INR.percent_change_24h}%`;

      return output;
    } catch (error) {
      console.log(error);
    }
  }
}

export default CryptoAPI;