• 自增运算符：++
  • 自减运算符：--

自增自减运算符的作用

自增运算符：可以快速的对一个变量中保存的数据进行 ​​+1​​ 操作

自减运算符：可以快速的对一个变量中保存的数据进行 ​​-1​​ 操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script>
        let num = 5;

        console.log(num++);
        console.log(num--);
    </script>
</head>
<body>

</body>
</html>

JavaScript自增自减运算符_自增

自增和自减写在变量的前面和后面的区别

写在变量的后面，表示变量先参与其它的运算，然后再进行自增或者自减操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script>
        let num = 5;

        console.log(num++);
        console.log(num--);
    </script>
</head>
<body>

</body>
</html>

JavaScript自增自减运算符_自增

写在变量的前面，表示变量先进行自增或者自减操作，然后再参与其它的运算

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script>
        let num = 5;

        console.log(++num);
        console.log(--num);
    </script>
</head>
<body>

</body>
</html>

JavaScript自增自减运算符_html_03

自增与自减运算符的注意点

自增自减运算符只能出现在变量的前面或者后面, 不能出现在常量或者表达式的前面或者后面

什么是表达式

表达式就是用运算符连接在一起有意义有结果的语句, 我们就称之为 ​​表达式​​

  • 1 + 1: 表达式
  • a * 5: 表达式

在企业开发中自增自减运算符最好单独出现, 不要出现在表达式中

下方我列举几个错误的写法，供参考

666++
--666
(1 + 1)++;
--(1 + 1)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script>
        let a, b;
        a = 10;
        b = 5;

        // 不推荐的写法
        // let res = a++ + b; 
        // let res = a + b; a++;

        let res = a + b;
        a++;
        console.log(res);
        console.log(a);
    </script>
</head>
<body>

</body>
</html>

JavaScript自增自减运算符_自增_04