JavaScript运算符和注释（绝对详细，干货满满）

本文链接：https://blog.csdn.net/weixin_53088802/article/details/117663906

运算符是一种特殊的符号，一般是由1~3个字符组成的，只要适用于实现数据之间的运算、赋值和比较等等。

一、JavaScript运算符

一、JavaScript算术运算符

算术运算符主要用于对数字执行算数运算：

运算符	描述
+	加法
-	减法
*	乘法
/	除法
%	取余
++	递增（自增）
--	递减（自减）

例：

<body>
    <script type="text/javascript">
        var num1 = 2;
        var num2 = 5;
        document.write("num1+num2=" + (num1 + num2) + "<br/>"); //num1+num2=7
        document.write("num1-num2=" + (num1 - num2) + "<br/>"); //num1-num2=-3
        document.write("num1*num2=" + (num1 * num2) + "<br/>"); //num1*num2=10
        document.write("num1/num2=" + (num1 / num2) + "<br/>"); //num1/num2=0.4
        document.write("num1%num2=" + (num1 % num2) + "<br/>"); //num1%num2=2
        document.write("++num1=" + (++num1) + "<br/>"); //++num1=3
        document.write("--num2=" + (--num2) + "<br/>"); //--num2=4
        var num3 = 3;
        var num4 = 6;
        document.write("num3++=" + (num3++) + "<br/>"); //num1++=3
        document.write("num4--=" + (num4--) + "<br/>"); //num2--=6
        document.write("num3=" + num3 + "<br/>"); //num3=4
        document.write("num4=" + num4 + "<br/>"); //num4=5
    </script>
</body>

++num1（前自增）与num1++（后自增）的区别：

前自增运算符与后自增运算符有本质的区别，它们的相同点都是为自身加了1，不同点是前自增运算符是先加1，再使用操作数的值，后自增运算符是先使用操作数的值，再加1。

二、JavaScript赋值运算符

赋值运算符是向 JavaScript 中的变量进行赋值。

运算符	举例	等同于
=	a=b	a=b
+ =	a+=b	a=a+b
- =	a-=b	a=a-b
* =	a*=b	a=a*b
/ =	a/=b	a=a/b
% =	a%=b	a=a%b

例：

<body>
    <script type="text/javascript">
       var a = 4;
        var b = 7;
        document.write("a = b=" + (a = b) + "<br/>"); //a = b=7，此时的a的值已经为7
        document.write("a=a+b=" + (a += b) + "<br/>"); //a=a+b=14
        document.write("a=a-b=" + (a -= b) + "<br/>"); //a=a-b=7
        document.write("a=a*b=" + (a *= b) + "<br/>"); //a=a*b=49
        document.write("a=a/b=" + (a /= b) + "<br/>"); //a=a/b=7
        document.write("a=a%b=" + (a %= b) + "<br/>"); //a=a%b=0
    </script>
</body>

三、JavaScript 比较运算符

运算符	描述
==	等于
===	等值等型
!=	不相等
!==	不等值或不等型
>	大于
<	小于
>=	大于或等于
<=	小于或等于
?	三元运算符

例：

<script type="text/javascript">
        var num1 = 5;
        var num2 = 8;
        document.write("num1 == num2为 " + (num1 == num2) + "<br/>");//num1==num2为 false
        document.write("num1 === num2为 " + (num1 === num2) + "<br/>");//num1===num2为 false
        document.write("num1 != num2为 " + (num1 != num2) + "<br/>");//num1!=num2为 true
        document.write("num1 !== num2为 " + (num1 !== num2) + "<br/>");//num1!==num2为 true
        document.write("num1 > num2为 " + (num1 > num2) + "<br/>");//num1>num2为 false
        document.write("num1 < num2为 " + (num1 < num2) + "<br/>");//num1 < num2为 true
        document.write("num1 >= num2为 " + (num1 >= num2) + "<br/>");//num1>=num2为 false
        document.write("num1 <= num2为 " + (num1 <= num2) + "<br/>");//num1<=num2为 true
        //三元运算符
        var num3 = 4;
        var num4 = 6;
        document.write(num3 == num4 ? "YES" : "NO"); //NO
    </script>

四、JavaScript 逻辑运算符

运算符	描述
&&	逻辑与
\|\|	逻辑或
!	逻辑非

<script type="text/javascript">
        var a = true,
            b = false;
        document.write("a && b为" + (a && b) + "<br/>"); //a && b为false
        document.write("a || b为" + (a || b) + "<br/>"); //a || b为true
        document.write("! b为" + (!b)); //! b为true
    </script>

二、JavaScript注释

JavaScript与其他的很多语言一样，例如Java，c#等都支持同样的注释形式。

1.使用“//”实现单行注释。单行注释快捷键---------Ctrl+/

2.多行注释以/*开始，以*/结束，符号/*......*/表示中的一系类语句都表示该程序中的注释。多行注释快捷键---------Alt+shift+A

例：

<script type="text/javascript">
        //这里是单行注释。
        /* 这里是多行注释。 */
    </script>