每日一个js实例9--NaN

<input type="text" id="num1">+<input type="text" id="num2">

<input type="button" value="求和" id="btn">

<script type="text/javascript">

        //NaN not a number任何数字或字符串与NaN相加都是NaN，isNaN用于检测是否为NaN，返回值为布尔值

        //普通函数

        function $(id){return document.getElementById(id)}

        var num1=$("num1");

        var num2=$("num2");

        var btn=$("btn");

        btn.onclick=function(){

            var a=parseFloat(num1.value);

            var b=parseFloat(num2.value);

                if(isNaN(a) || isNaN(b)){

                        alert("请输入正确数字")

                }else{

                    alert(a+b)

                }

        }

        //面向对象方法

        function Num(){

            this.num1=document.getElementById("num1");

            this.num2=document.getElementById("num2");

            this.btn=document.getElementById("btn");

            //alert(this.btn)

            var _this=this;

            this.btn.onclick=function(){

                _this.a=parseFloat(_this.num1.value);

                _this.b=parseFloat(_this.num2.value);

                if(isNaN(_this.a) || isNaN(_this.b)){

                        alert("请输入正确数字")

                }else{

                    alert(_this.a+_this.b)

                }

            }

        }

        var num=new Num();