JavaScript 编程基础
1.数据类型
JavaScript 脚本语言中采用的是弱类型的数据类型,即一个数据可以不事先说明,而是在使用或赋值时再说明其数据类型。
(1)数值型
数字(number)是最基本的数据类型。在JavaScript中不区分整型值和浮点型数值。 所有数字都是数值型。
(2)字符串型
字符串(string)是由Unicode字符、数字、数字、标点符号等组成的序列。单引号定界的字符串中可以包含双引号,双引号定界的字符串中也可以包含单引号。
示例如下:
- 单引号括起来的一个或多个字符
'杜'
'杜小白'
- 双引号括起来的一个或多个字符
"杜"
"我爱学习JavaScript"
- 单引号定界的字符串中可以包含双引号
'name="myName"'
- 双引号定界的字符串中可以包含单引号
"You can call me 'du xiaobai'"
(3)布尔型
布尔类型只有两个值,“true”和“false”,用来说明事物是真还是假。
布尔值通常用于JavaScript的控制结构。
(4)特殊数据类型
除了上面的集中数据类型,JavaScript 还包括一些特殊类型的数据,如转义字符、未定义值等等。
- 转义字符
转义字符 | 描述 | 转义字符 | 描述 |
---|---|---|---|
\b | 退格 | \v | 跳格(水平、Tab) |
\n | 回车换行 | \r | 换行 |
\t | Tab符号 | \ | 反斜杠 |
\f | 换页 | \ooo | 八进制整数,范围000~777 |
\’ | 单引号 | \xHH | 十六进制整数,范围00~FF |
" | 双引号 | \uhhhh | 十六进制编码的Unicode字符 |
- 未定义值
未定义类型的变量是undefined,表示变量还没有赋值,或者赋予一个不存在的属性值。
此外,JavaScript 中还有一种特殊类型的数字常量NaN,即“非数字”。当程序由于某种原因计算错误后,会产生一个没有意义的数字,此时返回的数值就是NaN。
2.运算符
(1)算术运算符
算术运算符 | 描述 |
---|---|
+ | 加运算 |
- | 减运算 |
* | 乘运算 |
/ | 除运算 |
++ | 自增运算。有i++(在使用 i 之后,使i的值加1)和 ++i(在使用 i 之前,先使 i 的值加1) |
- - | 自减运算。有i–(在使用 i 之后,使i的值减1)和 –i(在使用 i 之前,先使 i 的值j减1) |
(2)比较运算符
比较运算符在逻辑语句中使用,用于判断变量或值是否相等。
比较运算符 | 描述 |
---|---|
< | 小于 |
> | 大于 |
<= | 小于等于 |
>= | 大于等于 |
= = | 等于。只根据表面值判断,不涉及数据类型。如,“27”==27的值为“true” |
=== | 绝对等于。同时根据表面值和数据类型判断。如,“27”==27的值为“false” |
!= | 不等于。只根据表面值判断,不涉及数据类型 |
!== | 不绝对等于。同时根据表面值和数据类型判断。 |
(3)逻辑运算符
逻辑运算符是根据表达式的值来返回真值或是假值。
逻辑运算符 | 描述 |
---|---|
&& | 逻辑与,只有当两个操作数 a、b 的值都为 true 时,a && b 的值才为 true;否则为 false。 |
|| | 逻辑或 , 只有两个操作数 a、b 的值为 false 时,a ||的值才为 false ;否则为 true。 |
! | 逻辑非,! true 的值为 false ,而 !false 的值为 true。 |
(4)赋值运算符
赋值运算符 | 描述 |
---|---|
= | 将表达式右边的值赋给左边的变量。 |
+ = | 将运算符左边的变量加上右边表达式的值赋给左边的变量。例如,a += b ,相当于a=a+b |
- = | 将运算符左边的变量减去右边表达式的值赋给左边的变量。 |
* = | 将运算符左边的的变量乘以右边表达式的的值赋给左边的变量。 |
/ = | 将运算符左边的变量除以右边表达式的值赋给左边的变量。 |
% = | 将运算符左边的变量用右边的表达式的值求模,并将结果赋给左边的变量。 |
(5)条件运算符
格式如下:
操作数?结果1:结果2
若操作数的值为 true ,则整个表达式的值得结果为“结果1”,否则为“结果2”。
-
Authors
- 杜小白
文章内容借鉴于《HTML+CSS+JavaScript 网页制作案例教程》 编著:传智播客