JavaScript 错误 : Uncaught TypeError: Cannot set property 'value' of null

Question

下面是我的代码:

var obj = null;
var voterIC = "";

$(function ()
{
  $("#btnRegister").click(function (e)
  {
    voterIC = $("#nric").val();

    if ( voterIC == "")
        $("#messageEdit").html("<h4 style=\"color:red\">Please fill in NRIC!</h4>");
    else
        obj = new Object();
        obj.NRIC = voterIC;
        obj.CreatedDate = firebase.database.ServerValue.TIMESTAMP;

    var newPostKey = firebase.database().ref().child('voter').push().key;

    var updates = {};
    updates['/voter/' + newPostKey] = obj;

    firebase.database().ref().update(updates).then(function()
    {
      $("#messageEdit").html('<h10 style=\"color:red\"><b>Update Successfully</h10><b>');
    });
  });
});

为什么会出现以下错误以及如何解决此错误？

Uncaught TypeError: Cannot set property 'NRIC' of null

谢谢。

Answer 1

问题是因为您没有在 if 条件中的 block 周围放置大括号。当格式正确时，您的代码如下所示:

if (voterIC == "") {
    $("#messageEdit").html("<h4 style=\"color:red\">Please fill in NRIC!</h4>");
} else {
    obj = new Object();
}

obj.NRIC = voterIC;
obj.CreatedDate = firebase.database.ServerValue.TIMESTAMP;

考虑一下 voterIC 为空字符串的情况。仅当这种情况不发生时，才将obj 的值设置为新对象。然后，您继续尝试设置对象的 NRIC 属性，但由于逻辑流程，它不存在。

要纠正该问题，请将条件语句中的所有语句放在大括号内:

if (voterIC == "") {
  $("#messageEdit").html("<h4 style=\"color:red\">Please fill in NRIC!</h4>");
} else {
  obj = new Object();
  obj.NRIC = voterIC;
  obj.CreatedDate = firebase.database.ServerValue.TIMESTAMP;
}