sirve - que es javascript pdf

¿Usar etiquetas en JavaScript es una mala práctica?

Question

Me acabo de enterar sobre el uso de etiquetas en JavaScript, como por ejemplo:

for (var i in team) {
if(i === "something") {
break doThis: //Goto the label
} else {
doThat();
}
}
doThis: //Label
doIt();

No he oído hablar de esto hasta ahora y no puedo encontrar mucha información en línea al respecto y estoy empezando a pensar que hay una razón para eso.

Me parece que esto es similar a una declaración GOTO en otros idiomas y se consideraría una mala práctica. ¿Tendría razón al asumir esto?

Answer 1

Evita usar etiquetas

Las etiquetas no se usan con mucha frecuencia en JavaScript, ya que hacen que los programas sean más difíciles de leer y comprender. En la medida de lo posible, evite usar etiquetas y, según los casos, prefiera llamar funciones o lanzar un error.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/label

Answer 2

Esos son identificadores de interruptores de lazo. Son útiles si tiene bucles anidados (bucles dentro de bucles) y si utiliza estos identificadores, puede especificar de manera condicional cuándo y de qué bucle partir.

Answer 3

Las etiquetas en JavaScript se usan principalmente con break, o continúan en bucles anidados para poder romper el exterior, o continúan el bucle externo desde el código dentro del bucle interno:

 outer:
for (let i = 0; i < 10; i++)
{
let k = 5;
for (let j = 0; j < 10; j++) // inner loop
if (j > 5)
break; // inner
else
continue outer; // it will go to next iteration of outer loop
}

Si utilizó continue sin la etiqueta ''outer'', iría a la siguiente iteración del ciclo interno. Es por eso que hay una necesidad de etiquetas en Javascript.

Answer 4

roturas etiquetadas pueden romperse de cualquier bloque de código, no solo de bucles

<p id="test1"></p>
<p id="test2"></p>
<p id="test3"></p>
<p id="test4"></p>
<p id="test5"></p>
test: {
document.getElementById(''test1'').innerHTML = "test 1 passed";
document.getElementById(''test2'').innerHTML = "test 2 passed";
document.getElementById(''test3'').innerHTML = "test 3 passed";
break test;
document.getElementById(''test4'').innerHTML = "test 4 passed";
document.getElementById(''test5'').innerHTML = "test 5 passed";
}

resultado:

prueba 1 aprobada

prueba 2 aprobada

prueba 3 aprobada