js表达式运算--细节易错(总结)

来源:互联网 发布:淘宝店主寄语文艺 编辑:程序博客网 时间:2024/06/06 02:33

我们在使用js的过程中,会经常进行js表达式运算,但是很多时候,由于js的语言特点,有些计算结果会让我们大吃一惊。
很多时候的结果并不是我们预期的,或者又说,有时候明明已经出错,但是偏偏得出了正确的结果。

js在运算的时候,如果两个运算式子不同类型,那么就会进行隐式强制类型转换

这样的js运算细节有很多,总结下目前所了解的:

第1组

0.1+0.2;        //0.30000000000000001(0.1+0.2)+0.3;  //0.6000000000000001    0.1+(0.2+0.3);  //0.6

解决方案:扩大倍数,变成整数运算,再除以扩大倍数

第2组

1 + "2";        //12"2" + 1;        //211 + 2 + "3";    //331 + "3" + 2;    //132

原理:整数(浮点)数字和字符数字,相加,总是朝着字符串的方向装换

第3组

4 + true;   //54 + false;  //4

原理:true为1,false为0

第4组

NaN === NaN;            //falseNaN !== NaN;            //trueundefined == null;      //trueundefined === null;     //false

解释:NaN不等于其自身原则
知识:
===在类型+值一样,判断会正确
==在类型一样,判断会正确。其余情况结果不可信,因为存在隐式类型转换

第5组

var a = (1,2,3,4);              //a = 4a = 1,2,3,4;                    //a = 1var b = (a = 1,2,3,4);          //a = 1,b = 4var b = ( a = (1,2,3,4) );      //a = 4,b = 4//错误写法var a = 1, 2, 3, 4;             //Uncaught SyntaxError: Unexpected number(…);//帮助理解下  var b = ( var a = 1, 2, 3, 4 ); //等式左右都有var...

解释:逗号表达式,连续运算,一般最后一个数会作为表达式的结果

待续…

0 0