打印到控制台时的 NaN 但 typeof 是数字 jquery

Question

我正在实现一个计时器，并试图找出为什么在输入“秒”框中输入大于 60 的数字时无法更改“分钟”输入框的内容。当我打印“mins”的值时，我得到 NaN，但是当我打印它的类型时，我得到它的一个数字。我刚刚开始使用 JavaScript，所以任何帮助将不胜感激。谢谢:)

jQuery:

$(function(){
    $("#sec").change(function(){
        if($("#sec").val() >= 60){
            secs = parseInt( $("#sec").val() );
            console.log("secs is " + secs );

            if(secs < 0){
                alert("Please enter a valid time interval");
                $("#sec").val("");
                return;
            }

            mins = parseInt( $("#min").val() );
            console.log("mins is " + mins );
            console.log(typeof mins);
            hours = parseInt( $("#hour").val() );
            days = parseInt( $("#day").val() );

            secs = secs % 60;
            mins = mins + Math.floor(secs/60);//can be > 60
            console.log("mins is " + mins );
            console.log(typeof mins);
            hours += mins/60;
            days += hours/24;
            $("#min").val(mins);
            $("#hour").val(hours + mins/60);
            $("#day").val(days + hours/24);
        }
    });
});

html:

div class="left"></div>
    <div class="center">
        <h3> Please enter a time: </h3>
        <form class="form-inline">

            <div class="form-group col-xs-2">
                <input id="day" class="form-control input-sm input" type="number" value="" name="Days" placeholder="Days">
            </div>
            <div class="form-group col-xs-2">
                <input id="hour" class="form-control input-sm input" type="number" value="" name="Days" placeholder="Hours">
            </div>
            <div class="form-group col-xs-2">
                <input id="min" class="form-control input-sm input" type="number" value="" name="Days" placeholder="Minutes">
            </div>
            <div class="form-group col-xs-2">
                <input id="sec" class="form-control input-sm input" type="number" value="" name="Days" placeholder="Seconds">
            </div>    

Answer 1

尽管名称“不是数字”，typeof NaN 是 "number"。对真的。 :-) NaN 和 Infinity 一样，属于数字类型。它是为 IEEE-754 中的数字定义的（JavaScript 和许多其他编程语言使用的浮点数格式；具体来说，JavaScript 使用现在称为“binary64 子格式”，又名“双精度”）。

如果您在无法解析的内容上调用parseInt，它将返回NaN。比如：

var n = parseInt("");
console.log(typeof n); // "number"
console.log(n);        // "NaN"

如果您想在 0 为空白时使用 0（等），您可以使用 JavaScript's curiously-powerful || operator：

mins = parseInt( $("#min").val() ) || 0;

这会给你返回的号码parseInt，或者如果parseInt返回0或NaN，则返回0。

---

旁注：

1234563例如，n = parseInt(str, 10)。否则，它会尝试从输入中猜测（大多数情况下，它将以0x 开头的字符串视为十六进制）。

1. parseInt 会很乐意忽略数字后的多余字符。例如str = "4 apples"; n = parseInt(str) 给我们n = 4。如果您不希望这种行为，您可以使用+ (n = +str;) 或Number (n = Number(str))，两者都考虑整个 字符串。但它们也都接受开头的0x 表示十六进制，并且不支持使用基数（数字基数）。