js各运算符的执行顺序

àì夳堔傛蜴生んèń 2021-12-23 16:49 267阅读 0赞

本文原链接：[https://www.sojson.com/operation/javascript.html][https_www.sojson.com_operation_javascript.html]

[https://www.jianshu.com/p/d569c6ca1060][https_www.jianshu.com_p_d569c6ca1060]

# JavaScript运算符优先级 #

[JavaScript][] 运算符优先级，是描述在计算机运算计算表达式时执行运算的先后顺序。 先执行具有较高优先级的运算，然后执行较低优先级的运算。 例如，我们常说的先执行相乘和除，再执行加减运算。

## JavaScript 运算符 ##

<table> 
 <tbody> 
  <tr> 
   <th>优先级</th> 
   <th>运算符</th> 
   <th>说明</th> 
   <th>结合性</th> 
  </tr> 
  <tr> 
   <td>1</td> 
   <td><code>[]</code>、<code>.</code>、<code>()</code></td> 
   <td>字段访问、数组索引、函数调用和表达式分组</td> 
   <td>从左向右</td> 
  </tr> 
  <tr> 
   <td>2</td> 
   <td>++ -- -~!delete new typeof void</td> 
   <td>一元运算符、返回数据类型、对象创建、未定<br>义的值</td> 
   <td>从右向左</td> 
  </tr> 
  <tr> 
   <td>3</td> 
   <td>*、/、%</td> 
   <td>相乘、相除、求余数</td> 
   <td>从左向右</td> 
  </tr> 
  <tr> 
   <td>4</td> 
   <td>+、-</td> 
   <td>相加、相减、字符串串联</td> 
   <td>从左向右</td> 
  </tr> 
  <tr> 
   <td>5</td> 
   <td>&lt;&lt;、&gt;&gt;、&gt;&gt;&gt;</td> 
   <td>左位移、右位移、无符号右移</td> 
   <td>从左向右</td> 
  </tr> 
  <tr> 
   <td>6</td> 
   <td>&lt;、&lt;=、&gt;、&gt;=、instanceof</td> 
   <td>小于、小于或等于、大于、大于或等于、是否<br>为特定类的实例</td> 
   <td>从左向右</td> 
  </tr> 
  <tr> 
   <td>7</td> 
   <td>==、!=、===、!==</td> 
   <td>相等、不相等、全等，不全等</td> 
   <td>从左向右</td> 
  </tr> 
  <tr> 
   <td>8</td> 
   <td>&amp;</td> 
   <td>按位“与”</td> 
   <td>从左向右</td> 
  </tr> 
  <tr> 
   <td>9</td> 
   <td>^</td> 
   <td>按位“异或”</td> 
   <td>从左向右</td> 
  </tr> 
  <tr> 
   <td>10</td> 
   <td>|</td> 
   <td>按位“或”</td> 
   <td>从左向右</td> 
  </tr> 
  <tr> 
   <td>11</td> 
   <td>&amp;&amp;</td> 
   <td>短路与（逻辑“与”）</td> 
   <td>从左向右</td> 
  </tr> 
  <tr> 
   <td>12</td> 
   <td>||</td> 
   <td>短路或（逻辑“或”）</td> 
   <td>从左向右</td> 
  </tr> 
  <tr> 
   <td>13</td> 
   <td>?:</td> 
   <td>条件运算符</td> 
   <td>从右向左</td> 
  </tr> 
  <tr> 
   <td>14</td> 
   <td>=、+=、-=、*=、/=、%=、&amp;=、|=、^=、&lt;、&lt;=、&gt;、&gt;=、&gt;&gt;=</td> 
   <td>混合赋值运算符</td> 
   <td>从右向左</td> 
  </tr> 
  <tr> 
   <td>15</td> 
   <td>,</td> 
   <td>多个计算</td> 
   <td>按优先级计算，然后从右向左</td> 
  </tr> 
 </tbody> 
</table>

--------------------

## 圆括号处理Javascript运算说明 ##

圆括号用于改变由运算符优先级确定的计算顺序。 这就是说，先计算完圆括号内的表达式，然后再将它的值用于表达式的其余部分。

var result = 10 * 5 + 3;
    document.write(result);
    document.write("<br/>");
    
    result = 10 * (5 + 3);
    document.write(result);
    // 输出如下:
    // 53
    // 80

在第一个表达式中，按照优先级运算，先运算的是`10 * 5`，然后再加`3`，结果为`50`。

在第二个表达式中，我们用圆括号开改变优先级，先让`(5 + 3)`，结果为`8`，然后用`8`去乘以`10`，结果是`80`

/：除法，如：`int a = 8/9;`

%：取余运算：`int a = 10%2;`

--------------------

## Javascript逻辑运算符 ##

Javascript中主要区分 `==` 和 `===` ，同理 `!=` 和`!==`的关系

var a = '100';
    var b = 100;
    document.write(a==b);
    document.write(a===b);
    
    document.write(a!=b);
    document.write(a!==b);
    // 输出如下:
    // true
    // false
    // false
    // true

因为 Javascript 是弱类型语言，在数据类型上处理不是那么严格，也就造成了`'100'==100;返回true`，需要严格一点去比较`'100'===100`这个时候不仅比较值，还比较类型，所以返回`false`。

同理 `!=` 和 `!==` 也是一样，前者比较的是值，后者是类型和值都要比较。

--------------------

## Javascript 运算符总结 ##

其实在运算过程中，和其他语言一样，最好直接带上括号，如`var a = 1; a = (a + 100) >>(a+1);`和 `var a = 1; a = a + 100>>a+1;`结果都是25，运算顺序也一样，前面的可读性更好吧？

转载于:https://www.cnblogs.com/leftJS/p/11068471.html

[https_www.sojson.com_operation_javascript.html]: https://www.sojson.com/operation/javascript.html
[https_www.jianshu.com_p_d569c6ca1060]: https://www.jianshu.com/p/d569c6ca1060
[JavaScript]: https://www.sojson.com/tag_javascript.html