Sta usando le etichette nella cattiva pratica di JavaScript?

Question

Ho appena scoperto sull'utilizzo di etichette s in JavaScript, come ad esempio:

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

doThis: //Label 
doIt(); 

Non ho sentito parlare di questo fino ad ora e non riesco a trovare molte informazioni on-line su di esso e sto cominciando a pensare c'è una ragione per questo.

Mi sembra che questo è simile a una dichiarazione GOTO in altre lingue e sarebbe considerato una cattiva pratica. Avrei ragione ad assumerlo?

Answer 1

Questi sono identificatori di interruttori di loop. Sono utili se si hanno cicli annidati (loop all'interno di loop) e si utilizzano questi identificatori, è possibile specificare condizionalmente quando e da quale ciclo uscire.

Answer 2

Le etichette in JavaScript sono utilizzati principalmente con pausa, o continuare a cicli annidati per essere in grado di rompere l'esterno, o continuare il ciclo esterno dal codice all'interno ciclo 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 
    } 

Se è stato utilizzato continua senza etichetta 'esterna', passerebbe alla successiva iterazione del ciclo interno. Ecco perché c'è bisogno di etichette in Javascript.

Answer 3

Evitare di utilizzare etichette

Le etichette non sono molto comunemente utilizzati in JavaScript poiché rendono programmi più difficili da leggere e capire. Per quanto possibile, evitare usando le etichette e, a seconda dei casi, preferire le funzioni di chiamata o lanciare un errore.

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

Answer 4

etichettato interruzioni possono rompere su qualsiasi blocco di codice non solo passanti

<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"; 
} 

risultato:

prova 1 superato

t est 2 superato

test 3 passata