Un tutorial sobre una característica de JavaScript que rara vez se utiliza: las declaraciones etiquetadas
JavaScript tiene una funcionalidad relativamente desconocida que permite etiquetar declaraciones.
Recientemente vi que esta característica se usaba en Svelte para potenciar declaraciones reactivas, que se vuelven a calcular siempre que cambian las variables declaradas en la declaración:
$: console.log(variable)
También permiten utilizar un bloque de declaración , otra característica de JavaScript que te permite definir un bloque siempre que puedas definir una declaración:
$: { console.log(variable) console.log('another thing') //...}
Puede parecer extraño, pero es JavaScript correcto. Este bloque de instrucciones está asignado a la $
etiqueta .
El compilador Svelte utilizará esto internamente para potenciar las declaraciones reactivas.
Todavía no he usado esta función en ningún otro lugar, pero el caso de uso principal es salir de una declaración que no es el bucle o interruptor envolvente más cercano.
He aquí un ejemplo sencillo para explicar lo que quiero decir.
Llamar a break en cualquiera de esos puntos interrumpe el switch, para evitar ejecutar los otros casos: Artículos de danza y ballet
for (let y = 0; y 3; y++) { switch (y) { case 0: console.log(0) break case 1: console.log(1) break case 2: console.log(2) break }}
Esto se imprimirá 0 1 2
en la consola, como se esperaba.
Pero ¿qué pasa si queremos salir de ahí for
cuando llegamos a case 1
? Aquí te explicamos cómo:
loop: for (let y = 0; y 3; y++) { switch (y) { case 0: console.log(0) break case 1: console.log(1) break loop case 2: console.log(2) break }}
Esto se imprimirá 0 1
en la consola.
Tips para principiantes de JavaScript
Tal vez te puede interesar:
- Cómo generar un número aleatorio entre dos números en JavaScript
- Cómo esperar el evento DOM listo en JavaScript simple
- Cómo determinar si una fecha es hoy en JavaScript
- Cómo contar el número de propiedades en un objeto JavaScript
Declaraciones etiquetadas en JavaScript
Un tutorial sobre una característica de JavaScript que rara vez se utiliza: las declaraciones etiquetadas
programar
es
https://aprendeprogramando.es/static/images/programar-declaraciones-etiquetadas-en-javascript-2161-0.jpg
2024-11-03
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente