javascript - 如何在 addEventListener 方法之外访问变量值？

Question

我正在尝试访问 addeventlistner 外部“var accInfo”的值，以便我可以使用该对象进行进一步编码。我是 javascript 的初学者，不知道 jquery 和其他框架，所以请指导我。谢谢

let form1 = document.getElementById('form1');

form1.addEventListener('submit', () => {
    let fname = document.getElementById("defaultRegisterFormFirstName").value
    let lname = document.getElementById("defaultRegisterFormLastName").value
    let email = document.getElementById("defaultRegisterFormEmail").value
    var accInfo = acc(fname, lname,email);
    console.log(accInfo)
    return false
})

function acc(fname,lname, email){
    let accInfo = {fname, lname, email}
    return accInfo;
}

Answer 1

将 accInfo 定义为全局变量，如下所示:

var accInfo; //leave it undefined for now
form1.addEventListener('submit', () => {
    //...
    accInfo = acc(fname, lname,email);
    //...
})

function acc(fname,lname, email){
    let anotherVariableName = {fname, lname, email}
    return anotherVariableName;
}

//now you can use it outside, but it will be undefined until the event listener is called
console.log(accInfo);

您必须更改函数 acc 为其变量指定另一个名称