将全局数组转为局部数组并在函数之间传递

Question

我对 vanilla JS 非常陌生，我目前正在从事一项任务，该任务允许我们在将所有代码分解为函数并且不使用全局变量的基础上自由地创建我们想要的任何类型的网站。

我几乎完成了一个非常基本的地址簿，它以姓名和电话号码作为输入，将值存储到一个数组中，并在按下“查看所有联系人”按钮时返回联系人列表。 我唯一的困境是数组是一个全局变量，我不知道如何让它以其他方式工作。

更新

我在这里添加了整个代码。 我在括号工作。

function init(){
document.getElementById("addButton").addEventListener("click", addContact)
document.getElementById("listButton").addEventListener("click", listContacts)
}

var contactList = [];


function getAttribute(id){
    return document.getElementById(id).value;   
}

function verifyNumber(number){
    var regExp = /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;
    var phone = number.match(regExp);
  if (phone) {
    outPut("alert","");
    return true;
  }else{
  outPut("alert","invalid phone number");
  return false;
}
}

function outPut(id,message){
    var messageBox = document.getElementById(id);
    messageBox.innerText = message;
    
}

function contact(name, number){
    this.name = name;
    this.number = number;
    return ("Name: " + this.name +  "Number: "  + this.number);
    }



function addContact(){
    var name = getAttribute("name");
    var number = getAttribute("number");
    if(verifyNumber(number)){
     var newContact = new contact(name,number);
     contactList.push(newContact);
     alert("Contact Successfuly Added!");
    }
    

}


function listContacts(){
    contactList.forEach(element => console.log(element));
      contactList.forEach(Object => {var newElement = document.createElement('h1');
        newElement.innerHTML = JSON.stringify(Object);
        document.body.appendChild(newElement);
                                    });
   
}```

Answer 1

也许改用 object？ 像键：值对，您能否与我们分享您的代码片段，以便我们更好地帮助您，谢谢