游戏开发之旅-JavaScript数字型变量

【原创】2020-06-30 12:57:30

本节是第四讲的第五小节,上一节我们为大家介绍了变量的概念以及变量的基本类型,本节将重点介绍数字型(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数字型变量,更多示例请参见网站示例。跟着张员外讲编程,学习更轻松,不花钱还能学习真本领。

微信图片_20191202152047.png

收藏