JavaScript标签

不管您是一名JavaScript开发人员已有多长时间，始终会有一些您不了解的语言功能，直到您在一段附带的代码中看到它们为止。 您的反应通常有点像：

我看到开发人员奇怪地想找出的功能之一就是JavaScript标签，它允许您管理break并continue执行JavaScript循环。 让我们看看他们！

循环的基本格式为{loopname}:循环开始前：

{loopName}:
for({iterating}) {
  {actions}
}

标签的功能带有嵌套循环-您可以使用break和continue （与标签名称配对）来管理循环转义：

function gogogo() {
  firstLoop:
  for (let outer = 0; outer < 4; outer++) {
    secondLoop:
    for (let inner = 0; inner < 5; inner++) {
      if (inner === 3) {
        // Use continue to avoid runs 4 and 5
        continue firstLoop;
      }
      console.warn(`outer: ${outer}; inner: ${inner}`);
    }
  }
}

/*
outer: 0; inner: 0
outer: 0; inner: 1
outer: 0; inner: 2
outer: 1; inner: 0
outer: 1; inner: 1
outer: 1; inner: 2
outer: 2; inner: 0
outer: 2; inner: 1
outer: 2; inner: 2
outer: 3; inner: 0
outer: 3; inner: 1
outer: 3; inner: 2
*/

嵌套循环可能难以管理，但是标签使定向和转义变得容易。 下次您想在房间里看起来像个聪明人时，突破JavaScript标签！

翻译自: https://davidwalsh.name/javascript-labels