Javascript 为什么';值为编号';是否将NaN作为值返回?

Javascript 为什么';值为编号';是否将NaN作为值返回?,javascript,type-conversion,Javascript,Type Conversion,在下面的代码中,我试图调用valueAsNumber,但我刚刚得到一个返回值。当我使用parseInt时,我得到了预期的结果。为什么会这样 <html>

在下面的代码中,我试图调用
valueAsNumber
,但我刚刚得到一个返回值。当我使用
parseInt
时,我得到了预期的结果。为什么会这样

<html>                                                                                                                                                                                                     
<head>                                                                                                                                                                                                     
<title>JavaScript: Demo 1</title>                                                                                                                                                                          
<link rel="stylesheet" type="text/css" href="index.css">                                                                                                                                                   
</head>                                                                                                                                                                                                    

<body>                                                                                                                                                                                                     
<div id="numbers">                                                                                                                                                                                         
  <div id="inputs">                                                                                                                                                                                        
    <form name="inputForm">                                                                                                                                                                                
    <div class="prompt">Number 1: <input name="number1" type="text"></div>                                                                                                                                 
    <div class="prompt">Number 2: <input name="number2" type="text"></div>                                                                                                                                 
    </form>                                                                                                                                                                                                
  </div>                                                                                                                                                                                                   
  <div id="result">                                                                                                                                                                                        
    <div class="prompt">RESULT: <span id="operation_result">&nbsp;</span></div>                                                                                                                            
  </div>                                                                                                                                                                                                   
</div>                                                                                                                                                                                                     
<div id="operations">                                                                                                                                                                                      
<p><a id="add_link" href="#" onClick="add(this)">ADD</a></p>                                                                                                                                               
</div>                                                                                                                                                                                                     

<script type="text/javascript">                                                                                                                                                                            
  function add(linkElement){                                                                                                                                                                               
  // var value1 = parseInt(document.inputForm.number1.value);
  // var value2 = parseInt(document.inputForm.number2.value);

  var value1 = document.inputForm.number1.valueAsNumber;
  var value2 = document.inputForm.number2.valueAsNumber;                                                                                                                                              
    var result = value1 + value1;                                                                                                                                                                          

    document.getElementById('operation_result').innerHTML = result;                                                                                                                                        
  }                                                                                                                                                                                                        
</script>                                                                                                                                                                                                  

</body>                                                                                                                                                                                                    
</html>                                                                                                                                                                                                    

JavaScript:演示1
第一:
第二点:
结果:

函数add(linkElement){ //var value1=parseInt(document.inputForm.number1.value); //var value2=parseInt(document.inputForm.number2.value); var value1=document.inputForm.number1.valueAsNumber; var value2=document.inputForm.number2.valueAsNumber; var结果=值1+值1; document.getElementById('operation_result')。innerHTML=result; }
您必须将
输入的
类型
设置为
编号

<input name="number1" type="number">

此外,如果该值为空或非数字,它将返回