Javascript - 访问单个名称值对不起作用

Question

谁能告诉我为什么这不起作用？

var fieldsValid = {
    registerUserName: false,
    registerEmail: false,
    registerPassword: false,
    registerConfirmPassword: false
};

function showState () {
    var str = "<p>registerUserName: " +  fieldsValid[registerEmail] + "</p>" ;
    document.getElementById('showstate').innerHTML = str;
}

showState();

我的 div 中没有输出。

Answer 1

在属性名称两边使用引号，否则 registerEmail 会被视为包含属性名称的变量，而不是属性名称:

var str = "<p>registerUserName: " +  fieldsValid['registerEmail'] + "</p>" ;

或者使用不带引号的 . 语法:

var str = "<p>registerUserName: " +  fieldsValid.registerEmail + "</p>" ;

MDN Working With Object s 是一个很好的资源，与此相关。

为了将来的调试，请观察浏览器中的控制台 (F12)。