classList.Add 的 js 优化

Question

我试图从我的 js 中挤出尽可能多的性能。 我需要确保一个元素分配了一个类。 检查并仅在它不存在时才分配，还是即使它已经存在也总是分配更快？

换句话说，哪个更快

if (!element.classList.contains('class')) element.classList.add('class');

或者总是这样做

element.classList.add('class');

该类已经有大约 10% 的时间在那里。

Answer 1

element.classList.add检查类是否已经存在。 尝试添加相同的类两次，它不会被添加。 我很肯定浏览器在检查是否应该添加方面比 js 快得多。 所以，继续添加而不检查。

Answer 2

有人建议使用 jsperf.com。 这是示例https://jsperf.com/classlist-add-vs-classlist-contains/1

看起来先检查比仅仅添加快 5%