JS 标签语句和 classList

一、标签语句

标签语句一般都用不到，基本也就是学习的时候能见到，而且一般和 break 和 continue 结合使用。我们看一个例子：

//案例一
outer:for( let i = 0;i < 5;i++ ){
    for( let j = 0;j < 5;j++ ){
        console.log(i,j);
        break outer;
    }
}

//案例二
outer:for( let i = 0;i < 5;i++ ){
    for( let j = 0;j < 5;j++ ){
        console.log(i,j);
        break;
    }
}

请问代码上面两例分别输出 outcome 是啥？

案例一 outcome : 0 0
案例二 outcome: 
0 0
1 0
2 0
3 0
4 0

在你了解 break 的用法前提下，案例二是我们比较常见的的两层 for 循环，break 会跳出一层循环，所以结果如我们所料。观察案例一的结果我们代码跳出的循环体是第一层。由此我们得出结论：

1. break 默认跳出当前循环体
2. break 配合标签语句可跳出任意结构的循环体。常见的例如跳出两层 for 循环。

有一篇笔记写的特别好，关于 JavaScript 标签与 break 和 continue 一起使用的理解。

break 的作用是跳出代码块, 所以 break 可以使用于循环和 switch 等
continue 的作用是进入下一个迭代, 所以 continue 只能用于循环的代码块。
代码块: 基本上是｛｝大括号之间

感兴趣的可以去看看。

二、classList

classList 属于 HTML5 的内容。功能和原生 JS 的 className 相同，但是更加方便。我感觉这个东西解决了一个最大的使用痛点就是 className 使用的是字符串，涉及到多个类名的时候就会比较尴尬，因为它是一次性擦出。而 classList 比较爽了，返回一个集合，类似数组，提供一些方法供我们使用，大大的方便。

classList 使用指南