javascript - element.classList.toggle 中的第二个参数有什么意义？

Question

来自 MDN :

The toggle method has an optional second argument that will force the class name to be added or removed based on the truthiness of the second argument. For example, to remove a class (if it exists or not) you can call element.classList.toggle('classToBeRemoved', false); and to add a class (if it exists or not) you can call element.classList.toggle('classToBeAdded', true);

据我了解，classList 是一个标记列表，与数组不同，列表不能有重复项。因此，将一个项目添加到已经有它的列表中不会做任何事情，并且从不包含它的列表中删除一个项目(显然)不会做任何事情，这意味着 classList.toggle(className, true ) 与 classList.add(className) 相同，classList.toggle(className, false) 与 classList.remove(className).

我错过了什么吗？

附言无需警告 IE 兼容性问题。

Answer 1

它只会让你做这样的事情:

el.classList.toggle("abc", someBool);

而不是这个:

if (someBool) {
    el.classList.add("abc");
} else {
    el.classList.remove("abc");
}