第二章 JS语法

---

一、变量

（一）概念

1、变量

计算机中用于存储数据的一种工具

一个变量 只能存储一个数据

2、变量名

变量的名称在计算机中一般通过变量名操作变量

（二）操作

1、定义(var)

var变量名；

e.g. var a;

2、存数据（=）

变量名 = 数据；

a = 5;

3、提取数据（变量名）

直接写变量名

document.write(a);

注意事项：提取变量中的数据时，计算机是把变量中的数据复制一份再提取出来

4、变量的初始化

在定义变量的同时，给他一个初始值

e.g. var a = 5;

（三）(标识符)的命名

1、规则

（1）、只能以字母、下划线（_）或者美元（$）开头

（2）、只能取字母、数字、下划线（_）和美元（$）符号

（3）、不能取关键字和保留字

a、关键字：有特殊含义的单词 e.g. if switch var

b、保留字：在js中无含义 ，在其他语言中有含义的词 e.g. goto

2、规范

(1)、见名知意

e.g. age tel address scroce sex ...

(2)、变量名必须采用驼峰命名法

e.g. yuanZhouLv

(3)、类 、工程名采用帕斯卡命名法

每个单词的首字母都大写

e.g. StudentManagementSystem

二、数据类型及其转换

（一）数据类型

1、基本类型

1、string：字符串

必须用英文引号（单引号和双引号都可以）引入

e.g. "a" "张三" 都是字符串

2、number：数字

直接写数字即可

e.g. 3 3.14都是number类型的一种

注意：NaN是数字类型的一种

3、boolean 布尔类型

只有两个值

true和false

2、特殊类型

（1）null：空

（2）undefined：未定义

定义了一个变量，但是没赋值，变量中的内容就变为undefined

3、复杂（对象）类型

（1）object

{}

(二)数据类型的转换

1、字符串和数字

（1）字符串转数字

a、parseInt

格式： var str = “123”

parseInt(str) //结果 123(Number)

注意事项：parseInt 只会保留整数部分

b、parseFloat

格式： var str = “123”

parseFloat(str) //结果 123(Number)

注意事项：parseFloat 会保留小数部分

c、Number

格式： var str = “123”

Number（str） //123

注意事项：Number 会保留小数部分

parseFloat和Number的区别

parseFloat一旦遇到错误，只会转换错误之前的部分，

Number一旦遇到错误就会变成NaN

var str ="1张23"

e.g. parseFloat(str) //1

Number(str) //NaN

（2）、数字转字符串

a、toString变量中的数据转换为字符串

格式： var a = 5;

a1 = a.toString(); //字符串

a1 = 5.toString(); //报错

2、字符串和布尔

（1）字符串转布尔（Boolean）

a、Boolean

格式： var a = "true"

var a1 = Boolean(a);

注意事项：0、null 、undefined 、NaN和“ ”通过Boolean指令，转换结果为false，其他为true

（2）布尔转字符串

a、toString

三、运算符和表达式

（一）运算符

（1）算术运算符

1、+

a、加法运算

3+5 // 8

b、拼接运算

"张" + 3 // “张3”

+号两边 只要任何一边是字符串，将做拼接运算，拼完成为一个新字符串

+号两边 都是数字做加法运算

c、类型转换 ：把字符串转换为数字类型

2、-

a、减法运算

8 - 3 // 5

b、把字符串类型转换为数字类型

var a = "5" - 0

console.log(typeof(a)) //number

3、*

a、乘法

8 * 3 // 24

b、把字符串类型转换为数字类型

var a = "5" * 1

console.log(typeof(a)) //number

4、 /

a、除法

8 / 4 //2

b、把字符串类型转换为数字类型

var a = "5" * 1

console.log(typeof(a)) //number

5、%

a、求余

5 % 6 //5

b、把字符串类型转换为数字类型

var a = "5" % 6

console.log(typeof(a)) //number

6、++ 对变量中的数据 进行自增运算

a、a++

var a = 5；

a++；

console、

b、++a

7、-- 对变量中的数据 进行自减运算

a、a--

b、--a

（2）比较运算符

能对数据进行比较运算，比较的结果为布尔类型

如果成立，结果为true ，否则结果为false

1、>

console.log(3 > 5) false

2、 <

console.log(3 < 5) true

3、>=

console.log(3 >= 5) false

4、<=

console.log(3 < = 5) true

5、!=

console.log(3 != 5) true

6、==

console.log(3 == 5) false

7、===

console.log(3 == "3") true（内容相等即可）

console.log(3 == = "3") false (类型和内容都要相等)

注意事项

== 只判断内容是否相等

=== 既要判断内容是否相等，也要判断类型是否相等

赋值 = 判断相等

（3）逻辑运算符

1、&&逻辑与（并且）

两边只要有一边不成立，结果就不成立（false）

只有两边都成立结果才成立（true）

2、|| 逻辑或（或者）

两边只要有一边成立，结果就成立（true）

只有两边都不成立结果才不成立（false）

3、逻辑非（取反）

以前成立，结果就不成立

以前不成立，结果就成立

只能对布尔类型的数据进行逻辑运算

4、括号运算符

（1）小括号：改变优先级

3+25 结果为13 （3+2） * 5 结果为25

（2）中括号[ ] 下标运算

（3）大括号{ } 块运算

5、= 赋值运算符 对变量进行赋值

e.g. a = 5;

3 = 5 会报错

6、三目运算符

（1）概念

a、单目运算符

！ a++ a--

b、 双目运算符 必须要两个数据才可以进行运算

+ - * /

c、三目运算符 必须要三个数据才可以进行运算

（2）写法

布尔值数据？ 数据1：数据2

（3）原理

先查看 布尔数据的结果，如果结果为true ，运算结果为数据1，否则为数据2

（二）表达式

1、概念：

用运算符把数据连起来就是表达式

2、特点

每个表达式都有一个值，该值就是运算的结果

3、作用

运算

（三）运算符的优先级法则

1、括号永远最高

2、赋值永远最低

3、单目 > 双目 > 三目

4、算术 > 比较 > 逻辑

5、乘除余 > 加减 逻辑与(&&) > 逻辑或（||）

6、优先级相同，从左往右运算