一. 自增运算符 ++
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. 【建议收藏】最简洁全面的git教程
2. 【建议收藏】你一定会用到的数组的31个方法
3. 【新年福利】滴!你有19本前端开发书籍待收货