javascript - 在提交事件函数调用中使用 “return” 时抛出错误

Question

我正在用 Electron 创建一个简单的应用程序，允许您将任务添加到列表中。但是，它不应允许您添加空任务。

以下脚本是我在 Renderer JS 文件中使用的最小的、可验证的版本。

const taskForm = document.querySelector('form');
taskForm.addEventListener('submit', addTask);

function addTask(event)
{
  const formInput = taskForm.querySelector('input[type="text"]');
  const taskName = formInput.value;
  formInput.value = "";

  if (!taskName || taskName.length === 0)
  {
    console.log("Empty"); 
    return; //It doesn't seem to like this return. No idea why.
  }

 //Task element is created and added

  event.preventDefault();
}

我还整理了一个 JSFiddle，供那些想在代码中解决问题的人使用:https://jsfiddle.net/bts22a34/尽管在 Electron 之外，它似乎也在这里引发了一个问题。

每当它遇到返回函数时，就会抛出以下错误:

“错误:没有这样的模块:atom_renderer_v8_util”

从刚好在“if”语句之前加断点来看，似乎成功完成了返回，命中了函数的末尾，然后抛出了错误。

如果我发送一个非空字符串，它会成功跳过 if 语句并无错误地完成函数。

Answer 1

从刚才又弄乱了，如果你通过 if 语句，它似乎是关于“event.preventDefault”不运行的问题。

const taskList = document.querySelector('div');
const taskForm = document.querySelector('form');
taskForm.addEventListener('submit', addTask);

id = -1;

function addTask(event)
{
  const formInput = taskForm.querySelector('input[type="text"]');
  const taskName = formInput.value;
  formInput.value = "";

  if (!taskName || taskName.length === 0)
  {
    console.log("Empty"); 
  }

  else
  {
    //Task element is created and added
  }

  event.preventDefault();
}

JSFiddle:https://jsfiddle.net/bts22a34/