调用exchangeratesapi.io时data.rates.currency2返回undefined求助

嘿，别慌！这个问题其实和异步操作没关系，是JavaScript里对象属性访问方式的一个常见小坑😉

你遇到的核心问题是：用点符号访问对象属性时，它会把后面的名称当成字面量的属性名，而不是变量的值。你试一下data.rates.EUR能成功，是因为EUR确实是data.rates里的一个属性名，但data.rates.currency2会去找名为currency2的属性，而你的API返回里根本没有这个属性，所以就返回undefined了。

正确的做法是用方括号语法来访问，这样JavaScript会先计算变量currency2的值，再去对象里找对应的属性。

修改你的convert函数里的Ajax回调部分就行：

$.ajax("https://exchangeratesapi.io/api/latest?base=" + currency1 ).done(function(data){
    console.log(currency2);
    console.log(data.rates.EUR);
    // 把点符号改成方括号
    console.log(data.rates[currency2]); 
});

简单总结一下两种访问方式的区别：

• 点符号：适合你明确知道属性名的时候用，比如data.rates.EUR
• 方括号：适合用变量或者动态生成的字符串作为属性名的时候用，比如data.rates[currency2]

这样修改后，你就能通过变量currency2正确获取对应的汇率值啦！

内容的提问来源于stack exchange，提问作者chrishughallen