JavaScript表达式与运算符

最新推荐文章于 2022-11-24 09:09:07 发布

明天自己会更好

最新推荐文章于 2022-11-24 09:09:07 发布

阅读量326

点赞数

分类专栏： JS 文章标签： js

本文链接：https://blog.csdn.net/qq_40770473/article/details/108914471

版权

JS 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

JavaScript表达式与运算符

1什么叫JavaScript表达式
2JavaScript运算符与表达式
3运算符的优先级
4运算顺序图
5比较运算符
6赋值运算符
7逻辑运算符（用于测定变量或值之间的逻辑）
8其他运算符
9void运算符的应用场合
10逗号运算符（，）

1什么叫JavaScript表达式

将同类型的数据（如常量、变量、函数等），用运算符号按一定的规则连接起来的、有意义的式子称为表达式

2JavaScript运算符与表达式

1.运算符:算术运算符、赋值运算符、自减、自增表达式、逗号运算符、关系运算符、逻辑运算符、条件运算符、位运算符

2.表达式.算术表达式、赋值表达式、自增、自减表达式、逗号表达式、关系表达式、逻辑表达式、条件表达式、位表达式

3运算符的优先级

1.最基本的运算符优先级就是所谓的“ 先乘除，后加减” 。

2.对于优先顺序处于同一层次上的运算符，按照从左到右出现的顺序计算。

3.typeof 是优先级别最高的运算符之一。

4.如果你不确定你所使用的运算符的优先级，最简单的办法就是使用圆括号来强行指定运算次序。

5.赋值运算的优先级非常低，通常都是最后执行。

4运算顺序图

在这里插入图片描述

5比较运算符

在这里插入图片描述

6赋值运算符

赋值运算符用于给 JavaScript 变量赋值。
1.简单的赋值运算符由等号（=）实现，只是把等号右边的值赋予等号左边的变量。
Eg: var iNum = 10;
2.复合赋值运算是由乘性运算符、加性运算符加等号（=）实现的。
乘法/赋值（*=）
除法/赋值（/=）
取模/赋值（%=）
加法/赋值（+=）
减法/赋值（-=）

7逻辑运算符（用于测定变量或值之间的逻辑）

&& 运算符可以从三个不同层次进行理解：
（1）当操作数都是布尔值的时候，&&对两个值执行布尔与操作，只有在两个操作数都是true的时候，才返回true。
（2）&& 的操作数并不一定是布尔值，还有真值和假值null.undefined,0,-0,NaN,false,’ '，所以，第二层理解是，&&可以对真值和假值进行布尔与操作。如果都是真值，那么返回一个真值，否则，至少一个是假值，则返回一个假值。在JavaScript中任何希望使用布尔值的地方，表达式和语句都会将其当做真值和假值来对待，&&并不总是返回true和false，但并无大碍。
•（3）&&运算符首先计算左操作数的值，如果是假值，那么整个表达式的结果一定是假值，因此&&这时简单的返回左操作数的值，而并不会对右操作数进行计算；如果左操作数是真值，那么整个表达式的结果依赖于右操作数的值；此时，&&运算符将计算右操作数的值并将其返回作为整个表达式的计算结果。

8其他运算符

条件（三目）运算符（？：）
条件运算符是 ECMAScript 中功能最多的运算符，它的形式与 Java 中的相同。
语法：variable = boolean_expression ? true_value : false_value;
该表达式主要是根据 boolean_expression 的计算结果有条件地为变量赋值。如果 Boolean_expression 为 true，就把 true_value赋给变量；如果它是 false，就把 false_value 赋给变量。

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>比较三个数的大小</title>
      <script type="text/javascript">
    var a=50
    var b=10
    var c=180
  // var a=50，b=10，c=180；
    //比较三个数的大小（方式一）
    var max =a>b?a:b;
    max=max>c?max:c
         console.log(max)
    //不推荐使用（不利于阅读方式二）
    var max=a>b?(a>c?a:c):(b>c?b:c)
         console.log(max)
      </script>
      
   </head>
   <body>
   </body>
</html>

9void运算符的应用场合

void是一个操作符，该操作符指定要计算一个表达式但是不返回值。
a、 void(0)用于执行某些处理，是不整体刷新页面的情况下,但是在需要对页面进行refresh的情况下，那就要仔细了。
b、其实我们可以这样用<a href=”javascript:void(document.form.submit())”>，这句话会进行一次submit操作。那什么情况下用void(0)比较多呢，无刷新，当然是Ajax了，看一下Ajax的web页面的话，一般都会看到有很多的void(0)，：），所以在使用void(0)之前,最好先想一想,这个页面是否需要整体刷新
c、说白了，href="#"这种形式会整体刷新页面，而 href=“javascript:void(0)” 则不会

10逗号运算符（，）

定义：用逗号运算符可以在一条语句中执行多个运算。
Eg：var iNum1 = 1, iNum2 = 2, iNum3 = 3;
逗号运算符常用变量声明中。

逗号运算符是一个二元运算符，它的操作数可以是任意类型。它首先计算左操作数，然后计算右操作数，最后返回右操作数的值

明天自己会更好

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript表达式与运算符

JavaScript表达式与运算符1什么叫JavaScript表达式2JavaScript运算符与表达式3运算符的优先级4运算顺序图5比较运算符6赋值运算符7逻辑运算符（用于测定变量或值之间的逻辑）8其他运算符9void运算符的应用场合10逗号运算符（，）1什么叫JavaScript表达式将同类型的数据（如常量、变量、函数等），用运算符号按一定的规则连接起来的、有意义的式子称为表达式2JavaScript运算符与表达式1.运算符:算术运算符、赋值运算符、自减、自增表达式、逗号运算符、关系运算符、逻辑
复制链接

扫一扫