No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Regálate acceso ilimitado a todos los cursos por 1 año a precio especial de Navidad 🎄

Antes: $199

Currency
$149/año
regístrate

termina en:

16D
14H
2M
3S

ES13: top level await en el consumo de una API

37/38
Recursos

Top level await permite utilizar la palabra reservada await, sin estar dentro de una función asíncrona con async. Sin embargo, únicamente se puede utilizar await en la parte superior del archivo de un módulo.

Cómo utilizar top level await

Anterior a ECMAScript 13, cuando se introdujo funciones asíncronas, si utilizabas await fuera de async, existirá un error de sintáxis.

// Error
await fetch(URL)
// SyntaxError: await is only valid in async function

Ahora, con top level await esto es posible, sin ningún error. Esto puede servir para importaciones de manera dinámica o iniciar la conexión de tus bases de datos. Siempre y cuando respetes que debe estar en la parte encima del archivo de tipo módulo.

Contribución creada por Andrés Guano (Platzi Contributor).

Aportes 11

Preguntas 2

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Hola [email protected] 😃

ES13: Top level away en el consumo de una API

  • Products
import fetch from "node-fetch";

const response = await fetch("https://api.escuelajs.co/api/v1/products");
const products = await response.json();

export { products };

  • Top-level-await
import { products } from "./products.js";

console.log(products);
console.log("Hey!!");

Les recomiendo esta extensión de Chrome, para vizualizar los JSON está increíble.

https://chrome.google.com/webstore/detail/json-handle/iahnhfdhidomcpggpaimmmahffihkfnj?hl=es

si te sale error tienes que poner esto:
// Add the “type”: “module” line in your package.json file.
{
“type”: “module”
}

Para toda la gente que el termino API, les resulte un poco familiar o quieran indagar mas en que son y para que sirven, les dejo este video para que se empapen un poquito mas de información acerca de las API’s!

¿Qué es una API y para qué sirve?

Genial el API 👏

Excelente API para realizar pruebas, en muchos otros cursos se usara

me dio error siempre!!! volveree algun dia ya siendo senior a arreglarlo

Una mejor forma de usar y explicar el await.

Que gran API la de platzi.

Me parece que seria interesante para un website, hacer el importe dinamico de los productos, por el tema de los tiempos de carga. Dejo mi aportacion 😃

//Codigo propio para prueba de importe dinamico
const products = await import("./products.js");
console.log(products);