前置递增和后置递增的区别

刺骨的言语ヽ痛彻心扉 2022-07-27 14:55 207阅读 0赞

> **递增和递减操作符**

前置递增操作符给一个数值加1 时，要把两个加号（++）放在这个数值变量前面

var age = 29; ++age;

后置型递增和递减操作符的语法不变（仍然分别是++和–），只不过要放在变量的后面而不是前面。

var age = 29; age++;

**执行前置递增和递减操作时，变量的值都是在语句被求值以前改变的**。（在计算机科学领域，这种  
情况通常被称作副效应。）请看下面这个例子。

var age = 29;
        var anotherAge = --age + 2;
        alert(age); // 输出28
        alert(anotherAge); // 输出30

由于前置递增和递减操作与执行语句的优先级相等，因此整个语句会从左至右被求值。再看一个例子：

var num1 = 2;
        var num2 = 20;
        var num3 = --num1 + num2; // 等于21
        var num4 = num1 + num2; // 等于21

**后置递增和递减与前置递增和递减有一个非常重要的区别，即递增和递减操作是在包含它们的语句被求值之后才执行的。**

var num1 = 2;
        var num2 = 20;
        var num3 = num1-- + num2; // 等于22
        var num4 = num1 + num2; // 等于21

前置递增（递减）和后置（递减）递增操作符对任何值都适用，也就是它们不仅适用于整数，还可以用于字符串、布尔值、浮点数值和对象。在应用于不同的值时，递增和递减操作符遵循下列规则。

1.  在应用于一个包含有效数字字符的字符串时，先将其转换为数字值，再执行加减1 的操作。字 符串变量变成数值变量。
2.  在应用于一个不包含有效数字字符的字符串时，将变量的值设置为NaN。 字符串变量变成数值变量。
3.  在应用于布尔值false 时，先将其转换为0 再执行加减1 的操作。布尔值变量变成数值变量。
4.  在应用于布尔值true 时，先将其转换为1 再执行加减1 的操作。布尔值变量变成数值变量。
5.  在应用于浮点数值时，执行加减1 的操作。
6.  在应用于对象时，先调用对象的valueOf()方法以取得一个可供操作的值。然后对该值应用前述规则。如果结果是NaN，则在调用toString()方法后再应用前述规则。对象变量变成数值变量。

var s1 = "2";
        var s2 = "z";
        var b = false;
        var f = 1.1;
        var o = {
        valueOf: function() { 
        return -1;
        }
        };
        s1++; // 值变成数值3
        s2++; // 值变成NaN
        b++; // 值变成数值1
        f--; // 值变成0.10000000000000009（由于浮点舍入错误所致）
        o--; // 值变成数值-2