JavaScript自增（++）、自减（--）运算符的理解
JavaScript自增、自减运算符与表达式语法
表达式语法：
var i++; var 声明变量 i 变量名 ++ -- 自增运算符
|
JavaScript自增、自减运算符与表达式(i初始值为1) |
||||
|
运算符 |
++i |
--i |
i++ |
i-- |
|
名称 |
前自增运算符 |
前自减运算符 |
后自增运算符 |
后自减运算符 |
|
表达式 |
++i |
--i |
i++ |
i-- |
|
示例 |
++i; |
--i; |
i++; |
i--; |
|
i的结果 |
2 |
0 |
1 |
1 |
|
有趣的示例 |
var i=1 console.log(i) console.log(++i) console.log(i) |
var i=1 console.log(i) console.log(--i) console.log(i) |
var i=1 console.log(i) console.log(i++) console.log(i) |
var i=1 console.log(i) console.log(i--) console.log(i) |
|
结果 |
1 2 2 |
1 0 0 |
1 1 2 |
1 1 0 |
示例解释
前自增运算符与后自增运算符有本质的区别：
相同点：都是为自身加1
不同点：前自增运算符是先加1，再使用操作数的值；
后自增运算符是先使用操作数的值，再加1。
例子 1：
var a; var i=1;
//(前加加) i 加 1 后，i 等于 2，并将 i 值赋予 a，于是 a 等于 2 // 如果++在前面，则先自身加1，然后再参与运算 a=++i; document.write(i);//结果是：2 document.write(a);//结果是：2
var b; var j=1; //(后加加)将 j 值赋予 b，于是 b 等于 1，最后 j 加 1，j 等于 2 // 如果++在后面，则先参与运算，自身再加1 b=j++; document.write(j);//结果是：2 document.write(b);//结果是：1
例子 2：
++ 在前面
<script>
var num = 1
// 如果++在前面，则先自身加1，然后再参与运算
console.log(++num)// 先自身加1：1+1=2 2赋值给了num，所以num=2，结果就是：2
console.log(++num)// 先自身加1：2+1=3 3赋值给了num，所以num=3，结果就是：3
console.log(++num)// 先自身加1：3+1=4 4赋值给了num，所以num=4，结果就是：4
console.log(++num)// 先自身加1：4+1=5 5赋值给了num，所以num=5，结果就是：5
console.log(++num)// 先自身加1：5+1=6 6赋值给了num，所以num=6，结果就是：6
</script>
<script>
var num1 = 1
// 如果++在前面，则先自身加1，然后再参与运算
console.log(++num1 + 1)// 先自身加1：1+1=2 2赋值给了num，所以num=2，然后参与运算：2+1=3
console.log(++num1 + 2)// 先自身加1：2+1=3 3赋值给了num，所以num=3，然后参与运算：3+2=5
console.log(++num1 + 3)// 先自身加1：3+1=4 4赋值给了num，所以num=4，然后参与运算：4+3=7
console.log(++num1 + 4)// 先自身加1：4+1=5 5赋值给了num，所以num=5，然后参与运算：5+4=9
console.log(++num1 + 5)// 先自身加1：5+1=6 6赋值给了num，所以num=6，然后参与运算：6+5=11
</script>
<script>
var num2 = 1
// 如果++在前面，则先自身加1，然后再参与运算
console.log(++num2 + 2)// 先自身加1：1+1=2 2赋值给了num，所以num=2，然后参与运算：2+2=4
console.log(++num2 + 3)// 先自身加1：2+1=3 3赋值给了num，所以num=3，然后参与运算：3+3=6
console.log(++num2 + 4)// 先自身加1：3+1=4 4赋值给了num，所以num=4，然后参与运算：4+4=8
console.log(++num2 + 5)// 先自身加1：4+1=5 5赋值给了num，所以num=5，然后参与运算：5+5=10
console.log(++num2 + 6)// 先自身加1：5+1=6 6赋值给了num，所以num=6，然后参与运算：6+6=12
</script>
++ 在后面
<script>
var num = 1
// 如果++在后面，则先参与运算，自身再加1
console.log(num++)// 先参与运算，num++ = 1 , 自身加 1 得出 2；赋值给 num， num=2
console.log(num++)// 先参与运算，num++ = 2 , 自身加 1 得出 3；赋值给 num， num=3
console.log(num++)// 先参与运算，num++ = 3 , 自身加 1 得出 4；赋值给 num， num=4
</script>
<script>
var num1 = 1
// 如果++在后面，则先参与运算，自身再加1
console.log(num1++ + 1)// 先参与运算：1+1=2；自身加1得出：2，赋值给 num， num=2
console.log(num1++ + 2)// 先参与运算：2+2=4；自身加1得出：3，赋值给 num， num=3
console.log(num1++ + 3)// 先参与运算：3+3=6；自身加1得出：4，赋值给 num， num=4
</script>
<script>
var num2 = 1
// 如果++在后面，则先参与运算，自身再加1
console.log(num2++ + 2)// 先参与运算：1+2=3；自身加1得出：2； 赋值给 num， num=2
console.log(num2++ + 3)// 先参与运算：2+3=5；自身加1得出：3； 赋值给 num， num=3
console.log(num2++ + 4)// 先参与运算：3+4=7；自身加1得出：4； 赋值给 num， num=4
</script>
--在前面
<script>
var num = 1
// 如果--在前面，则先自身减1，然后再参与运算
console.log(--num)// 先自身减1；1-1=0 0赋值给了num，所以num=0，结果就是：0
console.log(--num)// 先自身减1；0-1=-1 -1赋值给了num，所以num=-1，结果就是：-1
console.log(--num)// 先自身减1；-1-1=-2 -2赋值给了num，所以num=-2，结果就是：-2
console.log(--num)// 先自身减1；-2-1=-3 -3赋值给了num，所以num=-3，结果就是：-3
console.log(--num)// 先自身减1；-3-1=-4 -4赋值给了num，所以num=-4，结果就是：-4
</script>
<script>
var num1 = 1
// 如果--在前面，则先自身减1，然后再参与运算
console.log(--num1 - 1)// 先自身减1；1-1=0 0赋值给了num，所以num=0， 然后参与运算： 0-1=-1
console.log(--num1 - 2)// 先自身减1；0-1=-1 -1赋值给了num，所以num=-1， 然后参与运算：-1-2=-3
console.log(--num1 - 3)// 先自身减1；-1-1=-2 -2赋值给了num，所以num=-2， 然后参与运算：-2-3=-5
console.log(--num1 - 4)// 先自身减1；-2-1=-3 -3赋值给了num，所以num=-3， 然后参与运算：-3-4=-7
console.log(--num1 - 5)// 先自身减1；-3-1=-4 -4赋值给了num，所以num=-4， 然后参与运算：-4-5=-9
</script>
<script>
var num2 = 1
// 如果--在前面，则先自身减1，然后再参与运算
console.log(--num2 - 2)// 先自身减1；1-1=0 0赋值给了num，所以num=0， 然后参与运算： 0-2=-2
console.log(--num2 - 3)// 先自身减1；0-1=-1 -1赋值给了num，所以num=-1， 然后参与运算：-1-3=-4
console.log(--num2 - 4)// 先自身减1；-1-1=-2 -2赋值给了num，所以num=-2， 然后参与运算：-2-4=-6
console.log(--num2 - 5)// 先自身减1；-2-1=-3 -3赋值给了num，所以num=-3， 然后参与运算：-3-5=-8
console.log(--num2 - 6)// 先自身减1；-3-1=-4 -4赋值给了num，所以num=-4， 然后参与运算：-4-6=-10
</script>
--在后面
<script>
var num = 1
// 如果--在后面，则先参与运算，自身再减1
console.log(num--)// 先参与运算，num-- = 1 , 自身减 1 得出 0；赋值给 num， num=0 console的结果是 1
console.log(num--)// 先参与运算，num-- = 0 , 自身减 1 得出 -1；赋值给 num， num=-1 console的结果是 0
console.log(num--)// 先参与运算，num-- = -1 , 自身减 1 得出 -2；赋值给 num， num=-2 console的结果是 -1
</script>
<script>
var num1 = 1
// 如果--在后面，则先参与运算，自身再减1
console.log(num1-- - 1)// 先参与运算：1-1=0；自身减1得出：0，赋值给 num， num=0 console的结果是：0
console.log(num1-- - 2)// 先参与运算：0-2=-2；自身减1得出：-1，赋值给 num， num=-1 console的结果是：-2
console.log(num1-- - 3)// 先参与运算：-1-3=-4；自身减1得出：-2，赋值给 num， num=-2 console的结果是：-4
console.log(num1-- - 4)// 先参与运算：-2-4=-6；自身减1得出：-3，赋值给 num， num=-3 console的结果是：-6
console.log(num1-- - 5)// 先参与运算：-3-5=-8；自身减1得出：-4，赋值给 num， num=-4 console的结果是：-8
</script>
<script>
var num2 = 1
// 如果--在后面，则先参与运算，自身再减1
console.log(num2-- - 2)// 先参与运算：1-2=-1；自身减1得出：0； 赋值给 num， num=0 console的结果是：-1
console.log(num2-- - 3)// 先参与运算：0-3=-3；自身减1得出：-1； 赋值给 num， num=-1 console的结果是：-3
console.log(num2-- - 4)// 先参与运算：-1-4=-5；自身减1得出：-2； 赋值给 num， num=-2 console的结果是：-5
console.log(num2-- - 5)// 先参与运算：-2-5=-7；自身减1得出：-3； 赋值给 num， num=-3 console的结果是：-7
console.log(num2-- - 6)// 先参与运算：-3-6=-9；自身减1得出：-4； 赋值给 num， num=-4 console的结果是：-9
</script>
如果有什么问题，请在评论区或者私聊告诉我，方便我修改！
