3.3前置递增和后置递减小总结

最新推荐文章于 2024-01-06 14:27:21 发布

这一片月

最新推荐文章于 2024-01-06 14:27:21 发布

阅读量172

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_62865634/article/details/131723274

版权

文章通过代码示例解释了JavaScript中的前置递增和后置递增运算符的区别。前置运算符先自加后运算，而后置运算符先运算后自加。在代码中，这两种运算符在独立使用和与其他代码结合时可能会导致不同的执行结果。文章提供了实例帮助理解这两种运算符的工作原理。

摘要由CSDN通过智能技术生成

前置递增和后置递增运算符哭简化代码的编写，让变量的值+1 比较前些法更简单
单独使用时，运行结果相同
与其他代码联用时，执行结果会不同
后置：先原值运算，后自加（先人后）
前置：先自加，好运算（先已后人）
开发时，大多使用后置递增/减，并且代码独占一行，例如：num ++；或者num --;

1、这里有代码可以自己先理解一下：


        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);

后面是自己理解的逻辑（参考）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运算练习</title>
    <script>
        // 1、这个练习前置运算符
        var a = 10; //这里先声明一个变量，并取名字，给他赋值为10
        ++a;  //这个就是前置运算符，1+10=11，所以a=11
        var b = ++a + 2; //这里就是前置运算符运算，前置运算符先自加1,上面a变为11，1+a  1+11=12 ，后面就是12+2=14  f=14
        console.log(b); //结果为：14 返回值

        // 2、这个练习后置运算符
        var c = 10; //这里c变量名赋值为10
        c++;  //这个算后置运算符，返回原值10后面自加1,  10+1=11
        var  d = c++  + 2;  //这里就是运算后置， c在上面运算为11， 11+2=13  ，后面自己加1   13+1=14  ，所以返回值d為13
        console.log(d); // 這裏的為13

        // 3、这个练习前置运算符加后置运算符
        var e = 10;  //这里就是变量名赋值为10
        var f = e++  +  ++e;  //这里看“e++”后置运算符  “++e”前置运算符， e=10  1+10=11  后面自加1  10+11+1=22
        console.log(f); //所以这里返回值就是22
        // 后置自增  先表达式返回原值  后面变量再自加1
    </script>
</head>
<body>
    
</body>
</html>