从下面的代码中，我如何将可重用性应用于javascript函数？

问题描述

|                                                                                                                       

解决方法

        尽可能将在DOM中找到的对象（例如

getElementById(x)

）或通过查找属性（例如

element.value

）来访问的对象存储在单独的变量中，如果它们将被多次访问（本质上是“重新使用”而不是再次查找它们） 。这样做将提高代码的可读性和性能：

window.onload = function() {
  var estVal = document.getElementById(\"est_value\"),outEstVal = document.getElementById(\"out_est_value\"),outIntEstVal = document.getElementById(\"out_int_est_value\");
  document.getElementById(\"next\").onclick = function() {
    var val = estVal.value;
    outEstVal.innerHTML = val;
    outIntEstVal.innerHTML = val * 0.75;
  };
};

另外，如果您真的在使用jQuery，那么请接受它为您所做的方便的事情（这确实值得！），例如查找DOM元素，添加事件处理程序，设置HTML内容等。这样做可能会改善为您自己和其他开发人员提供代码的可维护性，并帮助您避免常见的跨浏览器陷阱：

$(document).ready(function() {
  var estVal = $(\"#est_value\"),outEstVal = $(\"#out_est_value\"),outIntEstVal = $(\"#out_int_est_value\");
  $(\"#next\").click(function() {
    var val = estVal.val();
    outEstVal.html(val);
    outIntEstVal.html(val * 0.75);
  });
});