1 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
+
<h2>Ответы</h2>
1
<p>Рассмотрим два варианта вызова асинхронной функции: с помощью ключевого слова then и с помощью конструкции async / await.</p>
2
<p>Рассмотрим два варианта вызова асинхронной функции: с помощью ключевого слова then и с помощью конструкции async / await.</p>
2
<p>Создадим асинхронную функцию, которая имитирует загрузку списка товаров с сервера:</p>
3
<p>Создадим асинхронную функцию, которая имитирует загрузку списка товаров с сервера:</p>
3
const products = [ {id: '1', title: 'product1'}, {id: '2', title: 'product2'}, {id: '3', title: 'product3'}, {id: '4', title: 'product4'}, {id: '5', title: 'product5'}, ]; const fetchProducts = () => { return new Promise((resolve, _reject) => { setTimeout(() => resolve(products), 500); }); };<p>Теперь вызовем нашу функцию.</p>
4
const products = [ {id: '1', title: 'product1'}, {id: '2', title: 'product2'}, {id: '3', title: 'product3'}, {id: '4', title: 'product4'}, {id: '5', title: 'product5'}, ]; const fetchProducts = () => { return new Promise((resolve, _reject) => { setTimeout(() => resolve(products), 500); }); };<p>Теперь вызовем нашу функцию.</p>
4
<ul><li>С помощью ключевого слова then:</li>
5
<ul><li>С помощью ключевого слова then:</li>
5
</ul>fetchProducts() .then((data) => console.log(data)); /* => [ {id: '1', title: 'product1'}, {id: '2', title: 'product2'}, {id: '3', title: 'product3'}, {id: '4', title: 'product4'}, {id: '5', title: 'product5'} ] */<ul><li>C помощью async / await:</li>
6
</ul>fetchProducts() .then((data) => console.log(data)); /* => [ {id: '1', title: 'product1'}, {id: '2', title: 'product2'}, {id: '3', title: 'product3'}, {id: '4', title: 'product4'}, {id: '5', title: 'product5'} ] */<ul><li>C помощью async / await:</li>
6
</ul>const getProductsFromServer = async () => { const data = await fetchProducts(); console.log(data); }; getProductsFromServer(); /* => [ {id: '1', title: 'product1'}, {id: '2', title: 'product2'}, {id: '3', title: 'product3'}, {id: '4', title: 'product4'}, {id: '5', title: 'product5'} ] */
7
</ul>const getProductsFromServer = async () => { const data = await fetchProducts(); console.log(data); }; getProductsFromServer(); /* => [ {id: '1', title: 'product1'}, {id: '2', title: 'product2'}, {id: '3', title: 'product3'}, {id: '4', title: 'product4'}, {id: '5', title: 'product5'} ] */