javascript - 对象属性未定义，console.log() 后一行

Question

我正在尝试根据从服务器检索到的 json 对象绘制一个表格和表单，以将数据添加到页面上的所述表格中。我遇到了未捕获的类型错误，但无法找出原因。

如果我 console.log() 对象，它会按预期在控制台中打印出来。我什至可以毫无问题地输出特定属性。但是当我尝试使用任何属性时，在 html 中，我得到“未捕获的类型错误:无法读取未定义的属性'formName'”

function testFunc(subform){
    console.log(subForm.layout.formName); //<--- prints the name to the console

    var form = '<div class="assetSubForm"><h2>' + subForm.layout.formName + '</h2>';
    console.log(form); //<--- error's out???

    return form;
}

对象如下:

{records: false, layout: {…}}
layout:
    fields: (5) [{…}, {…}, {…}, {…}, {…}]
    formID: 30
    formName: "Part 11 - Building Clearance And Fire Appliances"
    position: 120
    __proto__: Object
records: false
__proto__: Object

我一生都无法理解为什么。我尝试过用谷歌搜索它，但结果是空的，因为我不知道如何用适当的搜索词来表达它，并且出现的所有结果都与范围或拼写错误有关(例如，在匿名函数中定义并引用的对象)外面)。

Answer 1

你的参数名称是subform，你在代码的其他部分引用subForm。我假设有一个 subForm 变量在该范围内可见，但它的值会发生变化，因此根据您调用该函数的时间，它有时不起作用。