一、关于变量
1、 变量的声明
原生JavaScript
中,有两种方式可以创建变量:
- 可以直接通过一个自定义名称创建一个变量;
- 使用
var
关键字创建变量(推荐)
2、 命名规则
原生JavaScript
作为一种编程语言,内部可以通过一些符号表示一些数据,这样的符号称为标识符
标识符中包含了关键字、变量
标识符命名规则:描述数据的符号由字母、数字、下划线、$
符号组成,其中数字不能开头
① 关键字
编程语言本身已经内置使用了很多的英文单词,这些内置的单词都称为关键字,如var
② 变量
代码开发过程中,开发人员为了存储数据自定义的符号;注意不能使用关键字
变量的命名,遵循标识符的命名规则、不能使用关键字
3、 命名规范
大量的项目实践中,为了提高代码的阅读性/可读性,以及提高查看代码的效率;对变量名称的命名有一定的开发规范
- 见名知意
- 驼峰命名法:一个或者多个单词(拼音)组成,第一个单词(拼音)全部小写,后面每个单词(拼音)首字母大写
4、 变量的赋值
变量作为一个存储数据的容器,需要添加数据之后才能正常访问,数据访问方式主要有:存储数据、查询数据、修改数据以及删除数据
变量中存储数据的方式就是变量的赋值操作,需要使用 赋值运算符:=
5、 变量的使用
项目中的数据操作,根据操作方式主要区分为两种
- 数据的操作:数据作为一个独立的整体,可以执行存储、查询、修改、删除,简称增删改查
- 增删改查:简称
CRUD
C:Create 增加、R:Retrieve 查询、U:Update 修改、D:Delete 删除
- 增删改查:简称
- 数据的运算:数据和数据之间,通过运算符执行运算,一般都是基础的加减乘除...
变量的使用,区分增加、修改、查询和删除的操作
- 增加:声明变量赋值的过程
- 查询:通过变量名称,获取变量中数据的过程
- 修改:给指定的变量重新赋值的过程
- 删除:
- 业务删除:项目开发中,约定变量中存储一个无效数据,表示该数据被删除;变量依然存在
- 真实删除:项目代码中,使用
delete
关键字针对变量进行物理删除,很容易造成代码稳定性问题,语法上受到一定的限制,如不能直接删除var
声明的变量
二、数据类型
1、 基本数据类型
原生JavaScript
中提供了6种基本数据类型:
- 数值:
Number
- 字符串:
String
- 布尔:
Boolean
- 空值:
Null
- 未定义:
Undefined
- 对象(一切皆对象)【争议】:
Object
2、 复杂数据类型
原生JavaScript
中也提供了一些复杂数据类型,用于描述一些较为复杂的事物,如:常见的复杂类型
-
Array
:数组 -
Function
:函数 -
Object
:对象 -
Math
:处理数学运算的类型 -
Date
:处理日期时间的类型 -
RegExp
:处理正则表达式的类型 -
UUID
:处理唯一数据的类型 - ...
3、 类型转换
项目中原生JavaScript
数据的表示方式,同一个数据可能会以不同类型的形式表示出来;进行数据运算(加减乘除)的时候很容易出现错误运算结果;需要掌握类型的转换技术
- 转换成字符串
- 字符串拼接
String(dat)
dat.toString()
- 转换成数值
Number(dat)
parseInt(dat)
parseFloat(dat)
- 转换成布尔(字符串、数值、
null/undefined
)Boolean(dat)
4、运算符
运算符Operation
,主要用于描述数据之间执行运算的符号,编程语言中包含的运算符:
- 赋值运算符
- 算术运算符
- 混合运算符
- 比较运算符
- 逻辑运算符
- 三元运算符
- 位运算符
(1) 关于数据的表示
编程语言中,一般处理数值数据,会有不同的进制表示方式:
- 二进制(逢二进一):
0, 1, 10, 11, 100, 101, 110, 111...
- 八进制(逢八进一):
0,1,2,3,4,5,6,7,10,11,12,13,14,15,16,17,20....
- 十进制(逢十进一):
0,1,2,3,4,5,6,7,8,9,10,11,12,...
- 十六进制(逢十六进一):
0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f,10,11,12,....
(2) 赋值运算符
符号 | 描述 |
---|---|
= |
将等号右侧的数据,赋值给左侧的变量 |
(3) 算术运算符
符号 | 描述 |
---|---|
+ |
加法运算 |
- |
减法运算 |
* |
乘法运算 |
/ |
除法运算 |
% |
取余数运算 |
++ |
自增运算 |
-- |
自减运算 |
混合运算符
符号 | 描述 |
---|---|
+= |
a += 1 等价于 a = a + 1
|
(4) 比较运算符
项目中经常做一些数据的比较操作,通过返回的数据(布尔类型的)体现比较的结果(true | false
)
符号 | 描述 |
---|---|
> |
大于 |
>= |
大于等于 |
< |
小于 |
<= |
小于等于 |
== |
等于 |
!= |
不等于 !=
|
=== |
全等于= = =
|
!== |
不全等于!==
|
(5) 逻辑运算符
项目中如果同时出现多个条件比较时,需要多个条件并且关系、或者关系,取反的关系,将多个条件合并起来进行处理,使用到逻辑运算符
符号 | 描述 |
---|---|
&& |
并且关系,多个条件同时为true 返回true
|
ll | 或者关系,多个条件只要有一个为true 返回true
|
! |
取反 |
(6) 三元运算符
编程语言中提供了一种特殊的符号,可以执行简单的判断操作:三元运算符
符号 | 描述 |
---|---|
条件 ? 结果1 : 结果2 | 执行表达式中的?符号前面的条件运算 条件为true 执行结果1中的代码 条件为false 执行结果2中的代码 |
(7) 位运算符(了解)
项目中所有的代码里面的数据运算,最终都会交给计算机中的CPU
运算,CPU
里面的运算都是二进制数据的运算;代码中的运算过程,二进制运算表达式性能最高!位运算符就是专门提供给二进制的运算符号
符号 | 描述 |
---|---|
& |
与运算,1 - 1 -> 1、1 - 0 -> 0 、0 - 0 -> 0 eg: 1 & 2 => ? eg: 01 & 10 => 00
|
l |
或运算:1 - 1 -> 1、1- 0-> 1、0 - 0 -> 0 eg: 1 l 2 => ? eg: 01 l 10 => 11
|
^ |
异或运算:1-1-> 0、0-0-> 0、1-0-> 1
|
>> |
右移运算,100 -> ``>>`` -> ``010 4 4>>1 2
|
<< |
左移运算,010`` -> ``<<`` -> ``100 2 -> 2<<1 -> 4
|