Question

JavaScript 错误：未捕获的类型错误：无法将属性“value”设置为 null

2020-02-10

416

javascript jquery html firebase firebase-realtime-database

下面是我的代码：

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 条件中的块周围添加括号。如果格式正确，您的代码如下所示：

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;
}

Answer 2

如果正确缩进代码，则会看到 if 语句等效于此：

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 ，因此会出现该错误。

您需要在 else 块周围加上括号来修复此问题。

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;
}

请参阅为什么省略花括号被认为是一种不好的做法？

Answer 3

您需要在 else 语句中使用括号：

else{
obj = new Object();
obj.NRIC = voterIC;
obj.CreatedDate = firebase.database.ServerValue.TIMESTAMP;
}