非零基础自学前端最后一遍二 JavaScript基础 4 JavaScript基础运算符 4.6 运算符的优先级比较

柔情只为你懂 2024-03-25 16:40 10阅读 0赞

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

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

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  4 JavaScript基础运算符
         *   *  4.6 运算符的优先级比较
             *   *  4.6.1 运算符的优先级

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

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

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

##### 4.6 运算符的优先级比较 #####

###### 4.6.1 运算符的优先级 ######

*  运算符放到一起使用时会有一定的优先级：
 *  在MDN上给出了所有运算符的优先级（不用去记）
    
     *  https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator\_Precedence
        
        ![在这里插入图片描述][2daa1cf3dea6452d8b545a6b924637bc.png_pic_center]

![在这里插入图片描述][68fdd733b00143289f89947b1f533553.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 num = 5
        var result = 2 + 3 * ++num
        console.log(result)
    
      </script>
    
    </body>
    
    </html>

渲染结果

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

[13189c429f2c4807b877d265d9e5b9c0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/c71bfb94fe33455a9f5ec02c5eb9b114.png
[2daa1cf3dea6452d8b545a6b924637bc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/9130fdbe6ac7471b88dc71ea6e5b020f.png
[68fdd733b00143289f89947b1f533553.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/df192c049b6f406185c53a0943cd706b.png
[21f4eebb6eef42b7836a5a5b5c0851e6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/d1cf58c4833e4a839c45799371745fc7.png