setInterval无实际变更操作时是否会降低页面性能？

结论 #

setInterval不会自动停止，会每秒重复执行赋值操作，但该操作带来的性能损耗极低，基本不会对页面运行产生可感知的影响。

具体说明 #

• setInterval的运行规则：定时器一旦创建，除非主动调用clearInterval()清除对应定时器，否则会按照设定的时间间隔永久执行回调函数，JS引擎不会自动检测回调内部的操作有没有产生实际值变化，更不会因此主动终止定时器运行。
• 赋值操作的开销：即使element.required已经是true，反复执行element.required = true的操作本身也会触发，但布尔型DOM属性的赋值操作计算成本极低，即使页面有数十个对应表单元素，每秒执行几十次该操作，现代浏览器也完全可以轻松处理，不会出现明显的性能问题，只是逻辑上属于无意义的冗余操作。

优化建议 #

如果你的需求只是为这些表单元素添加required属性，完全不需要使用定时器，直接遍历赋值即可：

const formInput = Array.from(document.getElementsByClassName('form-input'));
formInput.forEach(element => element.required = true);

如果是因为元素是动态渲染的，需要等待元素加载完成再设置属性，也可以在赋值后直接清除定时器，避免无意义的重复执行：

const formInput = Array.from(document.getElementsByClassName('form-input'));
formInput.forEach(element => {
    const timer = setInterval(() => {
        element.required = true;
        clearInterval(timer);
    }, 1000);
});

内容的提问来源于stack exchange，提问作者Space guy