11.30学习日记

• 站会code review 部分9：40-10：40
  let displayTime = 0;
  let setTiming;

function startTiming() {
  setTiming = getTime();
  document.getElementById("result").value = displayTime;
}

function getTime() {
  return setTimeout(() => {
    displayTime ++;
  }, 1000);
}

function endTiming() {
  if (setTiming) {
    clearTimeout(setTiming);
  }
  document.getElementById("result").value = 0;
}

• 优化后的代码好在

1. 提升了调用代码的灵活性，将onlick标签嵌入html中，后续只用修改html调用的函数部分就可以做到更多的适用性
2. 消除了紧密耦合
3. js中的函数更注重了单一职责原则

function isLogicSuccess(username, password) {
  return username === "123" && password === "123";
}

function showLogicResult() {
  let username = document.getElementById("username").value;
  let password = document.getElementById("password").value;
  if (isLogicSuccess(username, password)) {
    alert()
  } else {
    alert()
  }
}

优化后：

1. 业务逻辑和用户（界面）逻辑分开
2. 避免了穷举错误

可以更进一步的优化在于：

• 用innerHtml 代替 alert（） ，因为alert（）往往会阻断程序进程