最大调用堆栈大小超出错误...我该如何解决？

Question

我试图编写一个列表，从输入表单获取值，将其存储到一个对象中，将该对象推入一个数组，将该数组字符串化，将其存储在本地存储中，从本地存储中检索，并将其张贴在一张表中。

我收到错误“超出最大调用堆栈大小”引用创建对象的行...我不完全确定是否要执行保存输入值的部分字段正确地转换成对象...帮助？谢谢

var table = document.getElementById("tableBody"); 

toDoArray = []; 


function buildTable(){ 
addToStorage(); 
var retrievedTaskObject = localStorage.getItem("task"); 
var parsedObject = JSON.parse(retrievedTaskObject); 
var addTheTaskName = parsedObject.taskName; 
var addTheTaskDate = parsedObject.taskDate; 
    var tableHTML = ""; 
    for(i=0; i < toDoArray.length; i++){ 
    var row = table.insertRow(0); 
    var cellName = row.insertCell(0); 
    var cellDate = row.insertCell(1); 
    var cellId = row.insertCell(2); 
    var cellCheck = row.insertCell(3); 
    cellName.innerHTML= parsedObject[i].name; 
    cellDate.innerHTML= parsedObject[i].date; 
    cellId.innerHTML = 1 + i; 
    var checkStuff = "<input type='checkbox'>"; 
    tableHTML += checkStuff; 

    } 
    document.getElementById("tableBody").innerHTML = tableHTML; 
} 

function submitForm(name,date) { 
    var taskObject = { 
    name: name, 
    date: date, 
    }; 

var addTaskName = document.getElementById("taskName").value; 
var addTaskDate = document.getElementById("dateTask").value; 
var taskSomething = submitForm(addTaskName,addTaskDate); 
    toDoArray.push(taskObject); 
    buildTable(); 
}; 

function addToStorage(){ 
    var storedArray = JSON.stringify(toDoArray); 
    localStorage.setItem("task",storedArray);} 

Answer 1

您正在通过调用iself中的submitForm方法来做递归。由于没有间隔条件停止递归，发生最大堆栈错误

function submitForm(name,date) { 
    var taskObject = { 
    name: name, 
    date: date, 
    }; 

var addTaskName = document.getElementById("taskName").value; 
var addTaskDate = document.getElementById("dateTask").value; 
var taskSomething = submitForm(addTaskName,addTaskDate); 
    toDoArray.push(taskObject); 
    buildTable(); 
}; 

它应该是这样的this--

function submitForm(name,date) { 
    var addTaskName = document.getElementById("taskName").value; 
    var addTaskDate = document.getElementById("dateTask").value; 
    var taskSomething = getTaskObj(addTaskName,addTaskDate); 
     toDoArray.push(taskSomething); 
     buildTable(); 
}; 

function getTaskObj(taskName,taskData){ 
var taskObject = { 
     name: taskName, 
     date: taskData, 
     }; 
return taskObject; 
}