[Javascript权威指南笔记01]后自增/后自减运算符的副作用 和 运算符的结合性

var a=1;

一. 后自增运算符的副作用

var b=5*a++; //b==5 ,a==1; 一直以为在这个语句中a的值应该一直都是1，在下一语句开始a才是自增后的值，通常情况下确实是这样，但是事实并非如此

alert(a); //2

------------------

var a=1;

var b=(a++)+a; //b==3; (a++)==1，后自增运算符让计算该表达式后 a自增1，后面引用的a,都是自增后的值，所以 b=1+2;

~~~a++后自增表达式后 再引用的a都是自增后的值，若在同一条语句中 变量后自增，然后引用该变量则会产生副作用

------------------

var a=1;

var b=a+(a++); //b==1,a==1 等价于 b=1+1; 因为 a 在a++之前所以a还是1

表达式的运算顺序是 1.b  , 2.a , 3.a++ , 4求和 5 赋值

 

2. 运算符的结合性

运算符的结合性是指同优先级的运算符的运算顺序

一般运算符的结合性都是从左到右的 如： x=a+b-c ;

但是也有从右到左的结合的运算符：一元运算符 赋值 和条件运算符 如：

y= ~-x; //求负 取反 赋值

y=x=a; // y=(x=a);

y=cnd?a:cnd2?b:c; //y=cnd?a:(cnd2?b:c);

条件运算符的结合性这个比较有用 可以让代码更加简洁,比如在addClass(obj,cls)这个函数中，要做2个判断：1.className是否为空 2.是否已包含待添加的cls

function addClass(obj,cls){

 if(obj.className==''){obj.className=cls;}else if(obj.className.indexOf(cls)<0){ obj.className+=' '+cls;}

}

利用条件运算符的结合性 会更简洁一点

function addClass(obj,cls){

 obj.className+=obj.className=='' ? cls : obj.className.indexOf(cls)<0 ? ' '+cls : '' ;

}

转载于:https://www.cnblogs.com/stephenykk/archive/2013/04/16/3023427.html