控制台说JavaScript数组是未定义的，但是我能够记录它的内容

Question

我有一个数组，gradesArray，我可以在我的程序中用console.log(gradesArray)看到它，但是当我访问它时，输入gradesArray或gradesArray.length或类似的东西到(Chrome)控制台，我会得到ReferenceError: gradesArray is not defined。

下面是我用来用jQuery对象填充数组的Grade：

$(document).on('click', '#savegrades', saveGrade);

function saveGrade() {                     // grabbing data from a form
    var studentClass = currentClass;
    var studentName = currentStudent;
    var dateStamp = $(this).parents('#gradingform').children('#date').val().replace(/-/g, "");
    var teamwork = parseInt( $(this).parents('#gradingform').children('#teamwork').val() );
    var participation = parseInt( $(this).parents('#gradingform').children('#participation').val() );
    var punctuality = parseInt( $(this).parents('#gradingform').children('#punctuality').val() );
    var professionalism = parseInt( $(this).parents('#gradingform').children('#professionalism').val() );
    var timemanagement = parseInt( $(this).parents('#gradingform').children('#timemanagement').val() );

    var newGrade = new Grade(studentClass, studentName, dateStamp, teamwork, participation,         // create new Grade object from form values
                                punctuality, professionalism, timemanagement);

    alert('class: ' + newGrade.studentClass + ', name: ' + newGrade.studentName + ', date: ' + newGrade.dateStamp + ', teamwork: ' + newGrade.teamwork + ', participation: ' + newGrade.participation + ', punctuality: ' + newGrade.punctuality + ', professionalism: ' + newGrade.professionalism + ', time management: ' + newGrade.timemanagement + ', total: ' + newGrade.total);

    gradesArray.push(newGrade);
    console.log(gradesArray);
}

在运行这段代码之后，console.log(gradesArray)位工作得很好，这给我提供了一个很好的级别对象数组。但是，当我在控制台中输入gradesArray时，会收到一个引用错误，告诉我变量是未定义的。另外，在以后的程序中，我尝试使用if (typeof gradesArray != 'undefined')，但是函数没有触发。

怎么回事？如果我从.js文件中请求数组，浏览器将记录它，但如果我从控制台请求它，它就不会记录；而且，即使我用对象填充了它，它仍然是未定义的，即使它们出现在控制台中。

提前谢谢。

Answer 1

您没有复制所有代码；您的代码被包装在另一个函数中($(function () {})?)它包含gradesArray的var语句。因为它不是全局变量，所以不能从控制台检查它。最简单的方法是将var语句放在$()之外：

var gradesArray = []
$(function () { ... });

Answer 2

当您登录到控制台时，gradesArray超出了范围。如果需要的话，尝试在全局范围内声明它。