在HTML表单字段中设置/读取禁用属性的成本有多高?

How expensive is it to set/read the disabled property in HTML form fields?

本文关键字:属性 字段 表单 HTML 设置 读取      更新时间:2023-09-26

我正在做一个应用程序,它有很多验证的形式:

...
// oversimplified and abstracted away from the real code
disableField: function() {
    var disable = this.canDisableField();
    if (this._wasDisabled != disable) {
        this.field.setDisabled(disable);
        this._wasDisabled = disable;
    }
    ...
},
...

我理解它所做的是阻止字段(最终成为一个HTML按钮)被禁用一次又一次,如果它已经禁用。

我的问题是,它是阅读和设置HTML表单字段上的禁用属性真的昂贵的操作?而且,成本真的能补偿为防止它们而额外编写的代码吗?

我知道触摸DOM总是有代价的,但是今天我不得不做一些艰难的调试,只是为了发现这些类型的验证正在子类中注入问题,如果我没有访问基类代码,我永远不会发现问题。

doom中的任何单个操作在性能方面都是非常微不足道的。除非你要在一秒钟内重复这个操作超过10000次,否则它并不昂贵。

正如人们常说的:"过早优化是万恶之源"。

如果页面变慢了,你应该试着做点什么,在那之前,你应该集中精力使它正常工作