javascript - 在 javascript 中处理函数的更有效方法

Question

所以我用 if 语句得到了这两个函数，它做同样的事情。

检查输入字段的值是否为空。 if(newTask.value === '')

var newTask = document.getElementById("new-task");

newTask.addEventListener("keyup", function(event) {
    event.preventDefault();
    if(event.keyCode == 13){
        if(newTask.value === ''){
            alert('Fill in a task.');
        } else{
            addTask(newTask.value);
        }
    }
});

newTaskBtn.onclick = function() {
    if(newTask.value === ''){
        alert('Fill in a task.');
    } else{
        addTask(newTask.value);
    }
};

提高代码效率的推荐方法是什么？

• 编写另一个仅执行检查的函数。
• 在函数中编写函数？

当然欢迎任何其他想法。

Answer 1

您可以编写一个函数来执行任务检查。例如:

var newTask = document.getElementById("new-task");
function checkTask(taskValue) {
 if(taskValue === ''){
    alert('Fill in a task.');
  } else{
    addTask(taskValue);
  }
}
newTask.addEventListener("keyup", function(event) {
    event.preventDefault();
    if(event.keyCode == 13){
       checkTask(newTask.value);
    }
});

newTaskBtn.onclick = function() {
   checkTask(newTask.value);
};