在js中获取页面元素的属性值时,弱类型导致的诡异事件踩坑记录,-优快云博客

本文揭示了JavaScript中由于其弱类型特性导致的数值比较错误，具体表现为当两个数值进行比较时，其中一个数值达到或超过10，JavaScript会将其视为字符串而非数字进行比较，从而引发逻辑错误。文章通过一个实例演示了这一问题，并提供了手动转换类型的解决方案。

前几天写一个js的时候遇到一个非常诡异的事情,这个问题是这样的,我要获取一个页面的DOM元素的val值,判断这个值是否比某个变量大,这个需求原先数字最大也就是10,现在要改了,可能会更多,这个时候我发现比较大小的判断就出了问题:

代码粘出来:

 1 // js弱类型导致的诡异现象,11 > 9  false
 2   function downtest(id){// 现象是当val取到的元素val值是11的时候,11>9结果是false
 3     // 当前点击下一题的是第几题,
 4     var val=$("#"+id).attr("val");
 5     var valint = parseInt(val);// 如果不把这个变量手动转成数字,当val大于等于10的时候(小于10的时候当做是数字)js就会把它作为一个字符串处理,弱类型语言导致的
 6     // 如果当前这个题号比已答题数大的话,就让已答数量变成当前题号
 7     console.log('valint: '+valint+'num: '+num+(valint>num));
 8     console.log(valint+num);
 9     if (valint>num) {
10         document.getElementById("numbers").innerText=valint;
11         num=valint;
12     }else{
13         document.getElementById("numbers").innerText=num;
14     }
15     var div = $("#"+id);
16     var n = div.next(); //后一个兄弟
17     div.hide();
18     n.show();
19     a++    
20 }