Czy używasz etykiet w złym ćwiczeniu JavaScript?

Question

Właśnie się dowiedziałem o używaniu etykiet s w JavaScript, takie jak:

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

doThis: //Label 
doIt(); 

nie słyszałem o tym dopiero teraz i nie mogę znaleźć wiele informacji w Internecie o tym, a ja zaczynam myśleć Jest ku temu powód.

Wydaje mi się, że jest to podobne do oświadczenia GOTO w innych językach i byłoby uważane za złą praktykę. Czy miałbym rację, zakładając to?

Answer 1

To są identyfikatory wyłącznika pętli. Są użyteczne, jeśli masz zagnieżdżone pętle (pętle wewnątrz pętli) i używając tych identyfikatorów, możesz warunkowo określić, kiedy i z której pętli się wyrwać.

Answer 2

Etykiety w JavaScript są wykorzystywane głównie z przerwą lub kontynuować w zagnieżdżonych pętlach, aby móc przełamać zewnętrzna lub kontynuować zewnętrzną pętlę z kodu wewnątrz pętli wewnętrznej:

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 
    } 

Jeśli użyto kontynuowania bez etykiety "zewnętrznej", przejdzie do kolejnej iteracji pętli wewnętrznej. Dlatego istnieje potrzeba etykiet w JavaScript.

Answer 3

Unikaj używania etykiet

Etykiety nie są bardzo powszechnie stosowane w JavaScript, ponieważ sprawiają programy trudniejsze do odczytania i zrozumienia. O ile to możliwe, należy unikać używania etykiet i, w zależności od przypadków, preferować wywoływanie funkcji lub zgłaszać błąd.

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

Answer 4

oznaczone przerwy może wyrwać się z dowolny blok kodu nie tylko pętle

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

wynik:

test 1 przeszedł

t est 2 przeszedł

test 3 przeszły