老师，为什么我用计算器计算1.33-0.88的时候会出错，用其他数字测试就不会，我错在哪里了？

function init(){
	var num=document.getElementById("num");
	num.disabled="disabled";
	num.value="0";
	var btn_num0;
	var fuhao;
	var oButton=document.getElementsByTagName("input");
	for(var i=0;i<oButton.length;i++){
		oButton[i].onclick=function(){
			if(!isNaN(this.value)){
				// num.value=(num.value+this.value)*1;
                if (isNull(num.value)) {
                	num.value=this.value;
                }else{
                	num.value=num.value+this.value;
                }
			}else{
				var btn_num=this.value;
				switch(btn_num){
					case "+":
					btn_num0=Number(num.value);
					num.value=0;
					fuhao="+";
					break;
					case "-":
					btn_num0=Number(num.value);
					num.value=0;
					fuhao="-";
					break;
					case "*":
					btn_num0=Number(num.value);
					num.value=0;
					fuhao="*";
					break;
					case "/":
					btn_num0=Number(num.value);
					num.value=0;
					fuhao="/";
					break;
					case "C":
					alert("C");
					break;
					case "←":
					alert("←");
					break;
					case "+/-":
					alert("+/-");
					break;
					case ".":
					num.value=dec_num(num.value);
					break;
					case "m":
					alert("m");
					break;
					case "=":
					switch(fuhao){
						case "+":
					    num.value=btn_num0+Number(num.value);
					    break;
					    case "-":
					    num.value=btn_num0-Number(num.value);
					    break;
					    case "*":
					    num.value=btn_num0*Number(num.value);
					    break;
					    case "/":
					    if(Number(num.value)==0){
					    	num.value=0;
					    	alert("除数不能为0");
					    }else{
					    num.value=btn_num0/Number(num.value);
					    }
					    break;
					}
					break;
				}
			}
		}
	}
}
function isNull(n){
	if(n.length==0||n=="0"){
		return true;
	}else{
		return false;
	}
}
function dec_num(n){
	if(n.indexOf(".")==-1){
		n=n+".";
	}
	return n;
}
// function num_1_click(){
// 	var num=document.getElementById("num");
// 	var n=num.value;
// 	// if(n==0){
// 	// 	n="1";
// 	// }else{
// 	// n=n+"1";
//  //    }
//  // num.value=n;
//     /*if(n==0){
// 		n="";
// 	}
// 	n=n+"1";
// 	num.value=n;*/
// 	n=n+"1";
// 	num.value=n*1;
// }

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="calc.css">
<script type="text/javascript" src="calc.js"></script>
</head>
<body onload="init()">
<div id="div0">
<div id="div1">
<input type="text" name="num" id="num">
</div>
<div id="div2">
<input type="button" name="btn" value="C">
<input type="button" name="btn" value="←">
<input type="button" name="btn" value="+/-">
<input type="button" name="btn" value="/">
<input type="button" name="btn" value="1">
<input type="button" name="btn" value="2">
<input type="button" name="btn" value="3">
<input type="button" name="btn" value="*">
<input type="button" name="btn" value="4">
<input type="button" name="btn" value="5">
<input type="button" name="btn" value="6">
<input type="button" name="btn" value="-">
<input type="button" name="btn" value="7">
<input type="button" name="btn" value="8">
<input type="button" name="btn" value="9">
<input type="button" name="btn" value="+">
<input type="button" name="btn" value="0">
<input type="button" name="btn" value=".">
<input type="button" name="btn" value="=">
<input type="button" name="btn" value="m">
</div>
</div>
</body>
</html>

*{
	margin: 0px;
	padding: 0px;
}
#div0{
	width: 300px;
	position: relative;
	top:50px;
	left: 400px;
}
#num{
	width: 282px;
	height: 20px;
	text-align: right;
	background-color: white;
	border: 0.5px solid grey;
}
input[type="button"]{
	width: 60px;
	height: 30px;
	margin-right: 10px;
	margin-top: 10px;
}

慕娘0924178 2019-07-05

源自：案例：仿计算器 3-2 小数点功能的实现

收起

1回答

芝芝兰兰回答被采纳获得+3积分 2019-07-05 18:40:05

同学你好。不是同学的代码问题，是js对浮点数计算的特性导致的。

JS中对于浮点数的计算都是不保证准确的，造成不准确的原因是二进制。如果我们将0.2转换为二进制会发现： 0.2 => 0.0011 0011 0011 0011…（无限循环）对于无限循环的小数，计算机会进行舍入处理。JavaScript 中的所有数字都存储为根为 10 的 64 位（8 比特），浮点数。进行双精度浮点数的小数部分最多支持 52 位，所以会进行截断，导致了不精确的结果。

本案例的目的是让同学学会js的基本用法呢，这个同学了解即可。

如果解答了同学的疑问，望采纳~

祝学习愉快~

收起回答