非零基础自学前端最后一遍二 JavaScript基础 4 JavaScript基础运算符 4.2 算术运算符的使用

ゝ一世哀愁。 2024-03-25 14:13 43阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  4 JavaScript基础运算符
         *   *  4.2 算术运算符的使用
             *   *  4.2.1 JavaScript中的运算
                 *  4.2.2 取余 % 和 求幂

![在这里插入图片描述][3b2ebf08e4c446438948a679fe2aadb9.png_pic_center]

#### 二 JavaScript基础 ####

#### 4 JavaScript基础运算符 ####

##### 4.2 算术运算符的使用 #####

###### 4.2.1 JavaScript中的运算 ######

*  算术运算符
    
     *  算术运算符用在数学表达式中, 它的使用方式和数学中也是一直的；
     *  算术运算符是对数据进行计算的符号；

![在这里插入图片描述][ca06396e6050481abeb014226696b0c4.png_pic_center]

<!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>Document</title>
    </head>
    
    <body>
    
      <script>
        // + - * /
        var num1 = 5
        var num2 = 8
        var result1 = num1 * num2
        console.log(result1)
    
        // %: 取余操作
        var num = 20
        var result2 = num % 8
        console.log(result2)
    
        // **: 2**3 2的三次方
        console.log(2 ** 4)
        console.log(Math.pow(2, 4))
    
      </script>
    
    </body>
    
    </html>

渲染结果

![在这里插入图片描述][fd733d3eb8ea42ebbba8e4e912027cbd.png_pic_center]

###### 4.2.2 取余 % 和 求幂 ######

*  取余运算符是 %，尽管它看起来很像百分数，但实际并无关联
    
     *  a % b 的结果是 a 整除 b 的 余数
        
        ![在这里插入图片描述][bb34654ac8b146e9977f13c0aee08476.png_pic_center]
 *  求幂运算 a \*\* b 将 a 提升至 a 的 b 次幂。（ES7中的语法，也叫做ES2016）
    
     *  在数学中我们将其表示为 a的b次方。
    
    ![在这里插入图片描述][f8f82a6140414205a7719cc1b3bf2d1a.png_pic_center]

[3b2ebf08e4c446438948a679fe2aadb9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/a99df4d4af6b40bbaa94096ab9d5e319.png
[ca06396e6050481abeb014226696b0c4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/90f82afbea004d38a914f5e226feac65.png
[fd733d3eb8ea42ebbba8e4e912027cbd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/0f6017b2335845bc87147a6b889ecbc5.png
[bb34654ac8b146e9977f13c0aee08476.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/9055d274e49045e3a64f2cd22b4f2c83.png
[f8f82a6140414205a7719cc1b3bf2d1a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/12ef9397141e4e5ab7326d1caa80bd8c.png