1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <script type="text/javascript">
7
8 //原视频讲解的不好，参考高级程序设计
9
10 //前置递增
11 var age = 29;
12 ++age;
13 console.log(age); //30
14 //等同于
15 var age = 29;
16 age = age + 1;
17 console.log(age); //30
18
19 //前置递减和这个类似
20 var age = 29;
21 --age;
22 console.log(age); //28
23
24 //执行前置递减和递增操作时，变量的值都是在语句被求值以前改变的
25 var age = 29;
26 var anotherAge = --age + 2;
27 console.log(age); //28
28 console.log(anotherAge); 30
29
30 //由于前置递减和递增操作与执行语句的优先级相等，因此整个语句会从左至右被求值
31 var num1 = 2;
32 var num2 = 20;
33 var num3 = --num1 + num2;
34 var num4 = num1 + num2;
35 console.log(num3); //21
36 console.log(num4); //21
37
38 //zhou：通俗地说，前置就是先对自己加或减，把自己搞好了再去做其他的
39
40 //----------------------------------------------------------------------------------------------------
41
42 //后置递增和递减与前置递增和递减有一个非常重要的区别，即递增和递减操作是在包含它们的语句被求值之后才执行的
43 //这个区别在某些情况下不是什么问题，例如：
44 var age = 29;
45 age++;
46 console.log(age); //30
47
48 //把递增操作符放在变量后面并不会改变语句的结果，因为递增是这条语句的唯一操作。
49 //但是，当语句中还包含其他操作时，上述区别就会非常明显了，例如：
50 var num1 = 2;
51 var num2 = 20;
52 var num3 = num1-- + num2;
53 var num4 = num1 + num2;
54 console.log(num3); //22
55 console.log(num1); //1
56 console.log(num4); //21
57
58 //zhou：通俗地说，后置就是先去做其他的，等其他的搞好了，再对自己加或减
59
60 var num1 = 2;
61 var num2 = 20;
62 var num3 = num1++ + num2;
63 var num4 = num1 + num2;
64 console.log(num3); //22
65 console.log(num1); //3
66 console.log(num4); //23
67
68
69
70 </script>
71
72 </head>
73 <body>
74 </body>
75 </html>