javascript - 在添加或删除之前检查类列表是否包含类是否存在？

Question

我的一位同事坚持认为在添加或删除元素之前首先检查元素上是否存在类很重要。

因此他的代码中有很多这样的结构:

if (element.classList.contains('info')) {
    element.classList.remove('info');
}

if (!element.classList.contains('hint')) {
    element.classList.add('hint');
}

我个人猜测，如果不使用 .contains( ) 进行检查，则不会发生任何事情。

应表示:

如果该类不存在，则不会删除任何内容。该声明毫无意义。

如果该类已经存在，则不添加任何内容。

我的同事坚持检查是否正确，因为不检查会导致一些麻烦？

或者我可以忘记检查吗？

Answer 1

明确检查是没有意义的。这是浪费时间并使您的代码膨胀。

这些检查实际上内置于添加和删除类方法中。

如果您尝试添加该元素已经是其成员的类，则 classList.add 将忽略它。

如果您尝试删除元素不属于的类，则 classList.remove 将不执行任何操作。