我的代碼在使用箭頭功能和使用{}的情況下運行良好，但是在刪除{}時出現語法錯誤

Question

我一直在學習JavaScript。 當我瀏覽箭頭函數時，我了解到使用箭頭函數時{}不是必需的。 請幫助我理解。

這個作品：

document.querySelector('.myForm').addEventListener('submit', (event) => {
    event.preventDefault();
    console.log(event.target.username.value);
    console.log(event.target.realname.value);
});

但是，如果刪除{}，則會顯示語法錯誤。 我以前使用的函數在沒有{}的情況下可以完美地工作。

Answer 1

如果箭頭函數中包含多行代碼，則需要{}和一個顯式return 。 如果只有一行代碼，則假定為隱式返回

Answer 2

{}僅在有多個語句時使用。 例如，如果只有一條語句，則無需使用{}