JavaScript递增和递减运算符

JavaScript前文回顾：

•  认识JavaScript到初体验
• JavaScript 注释以及输入输出语句
• JavaScript变量的使用、语法扩展、命名规范
• JavaScript数据类型简介以及简单的数据类型
• JavaScript获取变量数据类型
• JavaScript 运算符&算数运算符

---

一、递增和递减运算符概述

如果需要反复给数字变量添加或减去1，可以使用递增（++）和递减（ -- ）运算符来完成。

在 JavaScript 中，递增（++）和递减（ -- ）既可以放在变量前面，也可以放在变量后面。放在变量前面时，我们可以称为前置递增（递减）运算符，放在变量后面时，我们可以称为后置递增（递减）运算符。

注意：递增和递减运算符必须和变量配合使用。

二、递增运算符

1. 前置递增运算符

++num 前置递增，就是自加1，类似于 num = num + 1，但是 ++num 写起来更简单。

使用口诀：先自加，后返回值

var  num = 10;
alert(++num + 10);   // 21

2. 后置递增运算符

num++ 后置递增，就是自加1，类似于 num = num + 1 ，但是 num++ 写起来更简单。

使用口诀：先返回原值，后自加

var  num = 10;
alert(10 + num++);  // 20

练习

var a = 10;
++a;
var b = ++a + 2;
console.log(b);

var c = 10;
c++;
var d = c++ + 2;
console.log(d);

var e = 10;
var f = e++ + ++e;
console.log(f);

3. 前置递增和后置递增小结

前置递增和后置递增运算符可以简化代码的编写，让变量的值 + 1 比以前写法更简单

单独使用时，运行结果相同

与其他代码联用时，执行结果会不同

后置：先原值运算，后自加（先人后己）

前置：先自加，后运算（先已后人）

开发时，大多使用后置递增/减，并且代码独占一行，例如：num++; 或者 num--;

---

黑马前端专栏干货多多，关注再学，好方便~

2022年前端学习路线图：课程、源码、笔记，技术栈  另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我。