javascript 代码重构(js如何实现重置功能：代码示例)

温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！

重构是指对已有的代码进行优化和改进，以提高代码的可读性、可维护性和性能。在JavaScript中，实现重置功能可以通过重置变量的值或者重置DOM元素的状态来实现。

1、如果要重置变量的值，可以使用赋值运算符将变量重新赋值为初始值。例如，假设有一个计数器变量count，初始值为0，每次点击按钮时增加1，我们可以通过重置count的值为0来实现重置功能。


let count = 0;
function increment() {
  count++;
  console.log(count);
}
function reset() {
  count = 0;
  console.log(count);
}

2、如果要重置DOM元素的状态，可以使用JavaScript操作DOM来修改元素的属性或样式。例如，假设有一个表单，其中有一个输入框和一个提交按钮，当点击提交按钮时，将输入框的值显示在页面上，并禁用输入框和按钮。我们可以通过重置输入框的值、启用输入框和按钮，并清除页面上显示的值来实现重置功能。


<input type="text" id="input" value="">
<button id="submit" onclick="showValue()">Submit</button>
<div id="result"></div>
<script>
function showValue() {
  const input = document.getElementById("input");
  const value = input.value;
  document.getElementById("result").textContent = value;
  input.disabled = true;
  document.getElementById("submit").disabled = true;
}
function reset() {
  const input = document.getElementById("input");
  input.value = "";
  input.disabled = false;
  document.getElementById("submit").disabled = false;
  document.getElementById("result").textContent = "";
}
</script>