本节是第四讲的第五小节,上一节我们为大家介绍了变量的概念以及变量的基本类型,本节将重点介绍数字型(Number)变量以及各种运算符。
数字类型(Number)
在编程中,即使是人人熟知的最普遍的十进制数,也比你想象的要复杂的多。我们使用不同的术语来描述不同类型的十进制数,例如:整数 就是整数,例如 10, 400, 或者 -5;浮点数 (浮点) 有小数点或小数位,例如 12.5,和 56.7786543;双精度双精度是一种特定类型的浮点数,它们具有比标准浮点数更高的精度(这意味着它们精确到更大的小数位数)。
我们甚至有不同类型的数字系统! 十进制是基数10(意味着它在每列使用0-9),但是我们也有这样的东西:二进制 — 计算机的最基础语言; 0s and 1s;八进制 — 基数8,每列使用0-7;十六进制 — 基数16,每列使用0-9,然后使用a-f。 在CSS中设置颜色时,可能会遇到这些数字。
与其他一些编程语言不同,JavaScript只有一个数据类型-- 整数和浮点数,Number。 这意味着,你在JavaScript中处理的任何类型的数字,都以完全相同的方式处理它们。
算术运算符
运算符 名称 作用
+ 加法 两个数相加。
- 减法 从左边减去右边的数。
* 乘法 两个数相乘。
/ 除法 用右边的数除左边的数
% 求余(取模) 将左边的数对右边的数求余数
** 幂 取底数的指数次方(EcmaScript 2016 中首次引入)
运算符优先级
JavaScript中的运算符优先级与学校的数学课程相同 - 乘法和除法总是先完成,然后加法和减法(总和总是从左到右进行)。例如:5 + 10 * 3;19%9*2;如果要覆盖运算符优先级,可以对处理的部分进行括号。例如:(5+10)*3
赋值运算符
赋值运算符是向变量分配值的运算符,最基本的一个”=”, 它只是将右边的值赋给左边的变量。
运算符 名称 作用
+= 加法赋值 右边的数值加上左边的变量,然后再返回新的变量。
-= 减法赋值 左边的变量减去右边的数值,然后再返回新的变量。
*= 乘法赋值 左边的变量乘以右边的数值,然后再返回新的变量。
/= 除法赋值 左边的变量除以右边的数值,然后再返回新的变量。
递增和递减运算符
有时候,您需要反复添加或从数字变量值中减去一个。 这可以方便地使用递增 (++)和递减( -- )运算符来完成,最常用于循环中,将在以后的课程中了解。例如:let num1=5; num1++;
num1++ 与++num1的区别:num1++等价于num1=num1+1;++num1是在num1上直接加1。
比较运算符
运算符 名称 作用
=== 严格等于 测试左右值是否相同
!== 严格不等于 测试左右值是否不相同
< 小于 测试左值是否小于右值。
> 大于 测试左值是否大于右值
<= 小于或等于 测试左值是否小于或等于右值。
>= 大于或等于 测试左值是否大于或等于正确值。
Note: 您可能会看到有些人在他们的代码中使用==和!=来判断相等和不相等,这些都是JavaScript中的有效运算符,但它们与===/!==不同,前者测试值是否相同, 但是数据类型可能不同,而后者的严格版本测试值和数据类型是否相同。 严格的版本往往导致更少的错误,所以我们建议您使用这些严格的版本。
以上内容部分摘自视频课程04网页游戏编程JavaScript-5数字型变量,更多示例请参见网站示例。跟着张员外讲编程,学习更轻松,不花钱还能学习真本领。