javascript - 存储原始表单值以供以后比较、对象或隐藏字段

Question

我即将重写几年前编写的一个脚本，该脚本检查表单是否有任何更改，以便显示“您想保存更改吗？”之类的消息...

我的问题很简单，我应该将原始值存储在隐藏表单字段还是 JavaScript 对象中？哪种方法更有效？

以下是使用隐藏字段方法的示例:

<input type="text" name="first_name" id="first_name" value="John Smith" />
<input type="hidden" name="first_name_old" id="first_name_old" value="John Smith" />

以及 javascript 对象替代方案:

var old_values = {
    'first_name': 'John Smith'
}

Answer 1

在 JavaScript 对象中存储值更加透明和可维护，但意味着更多的代码结构化，而不是存储在隐藏字段或数据属性中。如果您正在构建一个更大的前端应用程序，在 HTML 中存储所有类型的值可能很快就会变得一团糟，因为需要进行大量修改 DOM 的调用。

如果有效意味着速度，你应该制定一个基准，哪个更快。但是，如果您不更新该值，则这种微优化通常可以忽略不计，因为它会使代码更难以维护。