javascript - 得到一个未定义的返回值，尽管在函数中它不是

Question

function getCheckedRadioButton() {
    getRadioButtons().forEach(function (t) {
        if (t.checked) {
            console.log(t);
            return t;
        }
    });
}

上面的函数被调用:

var x = getCheckedRadioButton();
console.log(x);
if (x.className)
{
    //do something
}

控制台输出:

input type="radio" id="pvp" name="gameMode" value="0" class="hasTextboxes"
undefined
Uncaught TypeError: Cannot read property 'className' of undefined

我什至试过:

if (getCheckedRadioButton().className)

但它不起作用。

Answer 1

这一行:

return t;

正在从此函数返回:

function (t) {
  //...
}

不是这个:

getCheckedRadioButton() {
  //...
}

你到底想返回什么？只是数组中的第一个匹配结果？您可以只使用普通循环而不是带有嵌套函数的循环:

var radios = getRadioButtons();
for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
        console.log(radios[i]);
        return radios[i];
    }
}
// return some default if nothing is found?