二、JS 基础知识之流程控制(1)--- 算术运算符、赋值运算符、一元运算符

57 阅读2分钟

运算符

学习流程控制之前,我们需要先了解一下 运算符,以下是运算符的大致分类:

image.png

(1)算术运算符

算术运算符就是我们通常说的 数学运算符 ,主要包括以下几种:

image.png

其中,% 经常被用于判断某个数字是否被 整除

在使用算术运算符进行计算时,要注意 优先级 ,所谓优先级就是同时用多个运算符编写程序时,计算机内部会按照某种 顺序 先后执行。

优先级高的会被优先执行,同一优先级按从左往右顺序依次执行,我们在数学中学过的计算顺序在这里依然适用:有括号先算括号里面的;没有括号,先乘除( / 、% ),再加减

(2)赋值运算符

赋值运算符是对变量进行赋值的运算符,最常见的是 = ,将等号右边的值赋给左边,左边必须是一个变量

除此之外,还有其它几种赋值运算符,可以在对变量赋值时快速操作:

  • +=
  • -=
  • *=
  • /=
  • %=

示例:

  <body>
    <script>
      let num1 = 3
      num1 = num1 + 1
      console.log(num1)

      let num2 = 3
      num2 += 1  // 等价于 num2 = num2 + 1
      console.log(num2)

      let num3 = 5
      num3 -= 1  // 等价于 num3 = num3 - 1
      console.log(num3)
    </script>
  </body>

image.png

(3)一元运算符

可以根据表达式的个数,将 JS 运算符分为 一元运算符、二元运算符、三元运算符

三元运算符在后边会学到,我们前面学的算术运算符就是二元运算符,它需要两个表达式,一元运算符只需要一个表达式即可,例如正负号

很多情况下,需要用到 计数 ,一个一个加或减太浪费时间,效率也不高,我们可以使用 自增(++)自减(--) 让变量的值 +1-1

自增又分为 前置自增后置自增

  <body>
    <script>
      let num1 = 1
      ++num1
      console.log(num1)

      let num2 = 1
      num2++
      console.log(num2)
    </script>
  </body>

image.png

如上所示,前置自增和后置自增单独使用没有区别,都是每执行一次,当前变量的值加 1 ,它的作用相当于 num += 1

前置自增和后置自增如果 参与运算 的话,就会有区别:

  • 前置自增是先自加,再使用,即 ++ 在前,先加
  • 后置自增是先使用,再自加,即 ++ 在后,后加
  <body>
    <script>
      let num1 = 1
      console.log(++num1 + 1) // num1 先自加为是2,再与后面的 1 相加

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9aec5bb1f105499a9a8158033202f920~tplv-k3u1fbpfcp-watermark.image?)
      let num2 = 1
      console.log(num2++ + 1)  // 此时的 num2 是 1 ,先和后面的 1 相加计算出结果,再自加为2
    </script>
  </body>

image.png

总结:一般在开发中我们都是 独立使用 的,所以前置自增和后置自增在使用时没有差别,后置自增会使用的相对多一点;自减的使用与自增运算的使用方式一样