刚开始学javascript,有些小问题总是会出错,困扰我们。这里列出其中一个:a++和++a。
先来看下几道题:
b在控制台的输出会是多少?
- 第一题
var a = 1; var b = ++a + ++a; console.log(b);
- 第二题
var a = 1; var b = a++ + ++a; console.log(b);
- 第三题
var a = 1; var b = a++ + a++; console.log(b);
- 第四题
var a = 1; var b = ++a + a++; console.log(b);
什么?以上你都做对了?那么恭喜你,不用再往下看了。
`++a`是前置型递增操作符,`a++`是后置型递增操作符。它们的区别如下:
执行前置型递增和递减操作时,变量的值都是在语句被求值以前改变的。
后置递增和递减与前置递增和递减有一个非常重要的区别,即递增和递减操作是在包含它们的语句被求值之后才执行的。
接下来我们再看一下以上的几道题,首先是第一题:
var a = 1; var b = ++a + ++a; console.log(b);
这里计算的顺序是先完成递增运算,再完成加法运算。值得注意的是,前面的++a
完成自增之后等于2,后面的++a
则是在2的基础上再自增,等于3,所以b = 2 + 3,最后b控制台的输出是5。
有了基础之后,现在再做第二题:
var a = 1; var b = a++ + ++a; console.log(b);
题中a++
是后置型递增,应先让语句被求值,再完成递增递减操作,而++a
则是先递增,再求值。那么b = 1 + 3,b的输出是4。值得一提的是,后面的++a
中的a已经在前面a++
中递增了,所以++a
的值应该是2+1,是3。
以此类推,后面两道题,大家会算了吗?