Почему this внутри обработчика равен undefined, а formData пустой обьект?

Question

[raury]

Форма:

<form id="registrationForm">
    <label for="Name">Name</label>
    <input type="text" id="Name" placeholder="Name" name="name" required>

    <label for="Email">E-mail</label>
    <input type="text" id="Email" placeholder="E-mail" name="email" required>

    <label for="Login">Login</label>
    <input type="text" id="Login" placeholder="Login" name="login" required>

    <label for="Password">Password</label>
    <input type="password" id="Password" placeholder="Password" name="password" required>

    <label for="ConfirmPassword">Confirm Password</label>
    <input type="password" id="ConfirmPassword" placeholder="Confirm Password" name="confirm_password" required>

    <input type="submit" value="Register">
</form>

Обработчик:

const form = document.querySelector('form');

form.addEventListener('submit', function(event) {
    event.preventDefault();
    console.log(this) // this - undefined
    let formData = new FormData(form);
    console.log(formData); // formData - пустой {}
})

Answer 1

[Zhanna_K]

let formData = new FormData('your_form');
Нужно добавить строку:
formData = Object.fromEntries(formData);

Answer 2

[Тарас Шульга]

Ибо в форм дату вы ничего не добавили.
А насчёт this - а кто вызвал данный обработчик?)

Comments

[raury]

я то могу заменить this на event.target, но все равно интересно почему this - undefined