一. 自增运算符 ++

01. 简介

自增运算符 (++) : 将其操作数递增（加1）并返回一个值。

02. 语法

Operator: x++ or ++x

1. 后++（例如 x++） ：

先将自身值加1，自身值加1后参与运算。

2. 前++（例如 ++x）：

先将原值参与运算，再将自身值加1。

03. 实例

例1:

var a = 10;
++a;
var b = ++a + 1;
console.log(a) // 12
console.log(b) // 13

第一次++a，a的值为11，第二次++a ，a的值为12。

b表达式中，前加加是拿到自增的数值参与运算，表达式中再次 ++a，a的值为12，12参与运算 12 + 1 ，那么b的值为13。

例2:

var a = 10;
a++;
var b = a++ + 1;
console.log(a) // 12
console.log(b) // 12

第一次a++，a为11；第二次a++ ，a为12。

b表达式中：a的值是11，a++ 按原值11参与运算，此时 ++a + 1 = 11 + 1 ，即b为12。

二. 自减运算符 --

01. 简介

自减运算符 (--) : 将其操作数递减（减1）并返回一个值。

02. 语法

Operator: x-- or --x

1. 后--（例如 x--） ：

先将自身值减1，自身值减1后参与运算。

2. 前--（例如 --x）：

先将原值参与运算，再将自身值减1。

03. 实例

例1:

var a = 10;
--a;
var b = --a + 1;
console.log(a) // 8
console.log(b) // 9

第一次--a，a的值为9，第二次--a ，a的值为8。

b表达式中，前--是拿到自减的数值参与运算，表达式中再次 --a，a的值为8，8参与运算 8+ 1 ，那么b的值为9。

例2:

var a = 10;
a--;
var b = a-- + 1;
console.log(a) // 8
console.log(b) // 10

第一次a--，a为9；第二次a-- ，a为8。

b表达式中：a的值是9，a-- 按原值9参与运算，此时 ++a + 1 = 9 + 1 ，即b为10。

三. 算一算

var a = 10;
var b = ++a + a++ + ++a + a++ + ++a
console.log(a)// 15
console.log(b) // 63

var a = 10;
var b = --a + a-- + --a + a-- + --a
console.log(a) // 5
console.log(b) // 37

算一算给出思考过程吧。

下一篇：

1. 谈谈JS中的运算符：void的四大用法

2. 谈谈JS中的运算符：in和instanceof

推荐阅读：
1. 【建议收藏】最简洁全面的git教程
2. 【建议收藏】你一定会用到的数组的31个方法
3. 【新年福利】滴！你有19本前端开发书籍待收货