0
点赞
收藏
分享

微信扫一扫

JS 标签语句和 classList

夏侯居坤叶叔尘 2021-09-24 阅读 72
基础前端

一、标签语句

标签语句一般都用不到,基本也就是学习的时候能见到,而且一般和 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 一起使用的理解

感兴趣的可以去看看。

二、classList

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

classList 使用指南

举报

相关推荐

0 条评论