00 一元运算符前置自增和后置自增的区别（JavaScript）

00 一元运算符前置自增和后置自增的区别（JavaScript）

一元运算符概念

• 根据运算符所需的表达式个数，可以把运算符分为一元、二元、三元运算符。
• 只需一个表达式的运算符就称为一元运算符，例如自增运算符和自减运算符。
• 自增和自减运算符中的前置和后置都是一样的，下面通过自增运算符来说明。

前置自增和后置自增

• ++i (前置自增)
• i++ (后置自增)

如果单独使用，++i、 i++的作用都相同，都是变量i加1

let i = 0
++i
console.log(i) //前置自增后，1
i++
console.log(i) //后置自增后，2

如果参与数学运算，它们之间的差异就会体现出来

//下面是用来说明前置自增和后置自增区别的两个函数
//preAdd()表示前置自增
//postAdd()表示后置自增
function preAdd(){
	num1 += 1 //相同部分
	return num1
}
function postAdd(){
	num2 += 1 //相同部分
	return num2-1
}
//下面我们来进行前置自增演练
let num1 = 99
let v1 = preAdd() + 1
console.log(v1) 
num1 = 99
v1 = ++num1 + 1
console.log(v1) 
//同样，我们来进行后置自减演练
let num2 = 1
let v2 = postAdd() + 1
console.log(v2)
num2 =  1
v2 = num2++ + 1
console.log(v2)

在运行代码前，不管你的思路是否真确，先预测一下结果，有助于更好的发现自己的误区。

我们重点要理解的是前置和后置，这是不同点：
我们可以把前置自增运算符当做preAdd函数的return值，
把后置自增运算符当做postAdd函数的return值，因为两个函数的return值是不同的，所以表达式的运算结果不同。

前置自增和后置自增都有自增，这是它们的相同点：
所以不管单独使用还是在表达式中使用，自增变量都会加1，有自增的作用。

// 例题一
let number1 = 4
value1 = number1++ + ++number1 +5
console.log(value1) //答案：15
//例题二
let number2 = 6
value2 = --number2 + number2-- - number2
console.log(value2) //答案：6

如有疑问，或者有不足之处，欢迎在评论区下留言讨论