控制台说JavaScript数组未定义,但我能够记录其内容

时间:2013-07-30 23:24:21

标签: javascript jquery arrays object

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

这是我用jQuery填充Grade个对象的jQuery:

$(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)位工作正常,给我一个很好的Grade对象数组。但是当我在控制台中键入gradesArray时,我收到一个引用错误,告诉我该变量未定义。此外,在程序的后面,我尝试使用if (typeof gradesArray != 'undefined'),但函数不会触发。

这笔交易是什么?如果我从.js文件中询问它,浏览器将记录该数组,但如果我从控制台直接询问它,它将不会;即使在我用对象填充它之后,即使它们出现在控制台中,它仍然是未定义的。

提前致谢。

2 个答案:

答案 0 :(得分:4)

您没有复制所有代码;您的代码包含在另一个函数($(function () {})?)中,该函数包含gradeArray的var语句。因为它不是全局变量,所以无法从控制台进行检查。最简单的方法是将var语句放在$():

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

答案 1 :(得分:0)

当您登录控制台时,gradesArray超出范围。如果需要,请尝试在全局范围内声明它。