Видимость переменной JavaScript

Вот пример при помощи async/await:

 async function eur_to_usd(){ 

	const response = await fetch(`https://www.floatrates.com/daily/eur.json`); 

	const currencies = await response.json(); 

	alert(`Euro to ${currencies.usd.name} conversion rate is ${currencies.usd.rate}.`); 

}; 

 

eur_to_usd(); 

Если надо вызвать 1 раз то можно и так:

 (async function(){ 

	const response = await fetch(`https://www.floatrates.com/daily/eur.json`); 

	const currencies = await response.json(); 

	alert(`Euro to ${currencies.usd.name} conversion rate is ${currencies.usd.rate}.`); 

})(); 

Всё должно быть в пределах асинхронной функции.

И ещё по ссылке https://www.floatrates.com/daily/eur.json нет свойства 'currency'. Так что исправь это ошибку...

Даже если сделаешь так, как предложил предыдущий отвечающий, проблему это не решит. Да, переменная будет видна, но значения у currency в момент срабатывания alert не будет.

Твой alert сработает сразу после выполнения fetch - НЕ дожидаясь ответа сервера. А код, который присваивает значение currency, выполнится намного позже - ПОСЛЕ того, как ответ от сервера будет получен. Промисы нужны именно для того, чтобы разместить в них ВЕСЬ код, который должен быть выполнен после получения ответа сервера. И если хочешь сделать alert - помести его в промис:

 let currency;

fetch('https://www.floatrates.com/daily/usd.json')

  .then(response => response.json())

  .then(response => {

     currency = JSON.stringify(response.usd.currency);

     alert(currency);

   }); 

Если хочешь, чтобы твой асинхронный код был похож на синхронный, используй не промисы, а async / await. Да, внутри них тоже промисы, но они замаскированы и внешне код выглядит как линейный.

И никаких ошибок, потому что переменная изначально будет в области видимости всего скрипта. Просто перезапишется при выполнении кода.

 var currency; 

 

fetch(`https://www.floatrates.com/daily/usd.json`)  

  .then(response => response.json())  

  .then(response => {  

  

  currency = JSON.stringify(response.usd.currency) 

}); 

 

alert(currency); 

 var currency = ''; 

  

fetch(`https://www.floatrates.com/daily/eur.json`)  

  .then(response => response.json())  

  .then(response => {  

  

  currency = JSON.stringify(response.usd.currency) 

}); 

 

alert(currency);