JavaScript 运算符

最新推荐文章于 2024-04-27 00:41:53 发布

BloggerM

最新推荐文章于 2024-04-27 00:41:53 发布

阅读量232

点赞数

分类专栏：前端JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/HTML_Z/article/details/123404968

版权

本文详细介绍了JavaScript中的各种运算符，包括算术运算符、递增和递减运算符、比较运算符、逻辑运算符及赋值运算符。特别强调了前置递增和后置递增的区别，以及运算符的优先级。通过实例展示了如何使用这些运算符，并提醒在处理浮点数时需要注意精度问题。此外，还讲解了短路运算的概念，以及赋值运算符的便捷用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript 运算符

目标

能够使用常用运算符
能够说出前置递增和后置递增的区别
能够说出运算符的优先级

运算符	描述	实例
+	加	10 + 20 = 30
-	减	10 - 20 = -10
*	乘	10 * 20 = 200
/	除	10 / 20 = 0.5
%	取余数（取模）	返回除法的余数 9 % 2 = 1

    <script>
      // 浮点数 算数运算里面会有问题
      console.log(0.1 + 0.2); // 0.30000000000000004
      console.log(0.07 * 100); // 7.000000000000001
      // 我们不能直接拿着浮点数来进行相比较 是否相等
      var num = 0.1 + 0.2;
      console.log(num == 0.3); // false
    </script>

所以：不能直接判断两个浮点数是否相等！

2.2 课题提问

我们怎么判断一个数能够被整除呢？
- 它的余数是 0 就说明这个数能被整除，这就是 % 取余运算符的主要用途
请问 1 + 2 * 3 结果是？
- 结果是7，注意算术运算符是有优先级的，先乘除，后加减，有小括号先算小括号里面的

2.3 表达式和返回值

表达式：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合

简单理解：是由数字、运算符、变量等组成的式子

表达式最终都会有一个结果，返回给我们，我们称为返回值

3. 递增和递减运算符

3.1 递增和递减运算符概述

如果需要反复给数字变量添加或减去 1，可以使用递增（ + + ）和递减（ - - ）运算符来完成。

在 JavaScript 中，递增（ + + ）和递减（ - - ）既可以放在变量前面，也可以放在变量后面。放在变量前面时，我们可以称为前缀递增（递减），放在变量后面时，我们可以称为后置递增（递减）运算符。

注意：递增和递减运算符必须和变量配合使用。

3.2 递增运算符

1. 前置递增运算符

++ num 前置递增，就是自加 1，类似于 num = num + 1，但是 ++ num 写起来更简单。

使用口诀：先自加，后返值。

    <script>
      // 前置递增运算符 ++ 写在变量的前面
      var age = 10;
      ++age; // 类似于 age = age + 1
      console.log(age); // 11
      // 先加 1 后返回值
      var p = 10;