第二部分 Javascript语法

一、变量

(一)、概念

1. 变量

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

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

2. 变量名

变量的名称

在计算机器中 一般通过变量名来操作变量
(二)、操作

1. 定义(var)

   var 变量名;

例如:

var a;

2. 存数据(=)

   变量名=数据;

a=5;

3. 提取数据(变量名)

   直接写变量名即可

document.write(a);

注意事项:

提取变量中的数据时,计算机是把变量中的数据复制一份再提取出来

4. 变量的初始化

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

例如:

var a=5;

(三)、(标识符)的命名

1. 规则

(1). 只能以字母、下划线(_)或美元符号($)开头

(2). 只能取字母、数字、下划线(_)和美元($)符号

(3). 不能取关键字和保留字

A. 关键字:有特殊含义的单词

B. 保留字:在JS中没有含义，但在其它语言中有含义

例如:goto

例题:

A. 4a   B ______   C. $3   D. 555$   E. #3

BC

2. 规范

(1). 见名知意

例如:age tel address score sex...

(2). 变量名必须驼峰命名法

yuanZhouLv

(3). 类(构造函数)、工程名采用帕斯卡命名法

每个单词的首字母都大写

例如:

StudentManagementSystem

二、数据类型及其转换

(一)、数据类型

1. 基本类型

(1). string:字符串

  必须用英文的引号(单引号和双引号都可以) 引起来

例如:”a”  “张三”

(2). number:数字

直接写数字即可

例如:  3   3.14 都是数字类型

注意事项:

NaN 是number类型的一种

(3). boolean类型

只有两个值

true(成立)和false(不成立)

2. 特殊类型

(1). null:空

(2). undefined:未定义

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

3. 复杂(对象)类型

(1). object

{}

(二)、数据类型的转换

1. 字符串和数字

(1). 字符串转数字

A. parseInt

格式: parseInt(str)    str是一个字符串

例如:parseInt(“555”) 结果为:555

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

例如: parseInt(“555.55”) 结果为:555

B. parseFloat

格式: parseFloat(str)    str是一个字符串

例如:parseFloat(“555”) 结果为:555

注意事项:

parseFloat会保留小数部分,一旦遇到错误,只会转换错误之前部分  

例如: parseFloat(“555.55”) 结果为:555.55

parseFloat(“5张55.55”) 结果为:5

C. Number

格式: Number(str)    str是一个字符串

例如:Number(“555”) 结果为:555

注意事项:Number会保留小数部分，但数据一旦有误结果为NaN  

例如: Number(“555.55”) 结果为:555.55

Number(“5张55.55”) 结果为:NaN

(2). 数字转字符串

A. toString:把变量中的数据转换为字符串

例如: var a=5;   a.toString();  //结果为”5” 5.toString() 结果:报错

B.

2. 字符串和布尔

(1). 字符串转布尔(Boolean)

Boolean(str)  str是一个布尔字符串

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

(2). 布尔转字符串(toString)

三、运算符和表达式

(一)、算术运算符

1. +

(1). 加法运算

    3+5  结果:8

(2). 拼接运算

“张”+3  结果:”张3”

+号两边只要任何一边是字符串,将做拼接运算，

拼完将成为一个新字符串

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

(3). 类型转换:把字符串转换为数字类型

   例如:  var a=+”5”; console.log(typeof(a));//number

2. -

(1). 减法

(2). 把字符串类型转换为数字类型

例如: “5”-0  结果 :5

3. *

(1). 乘法

(2). 把字符串类型转换为数字类型

例如: “5”*1  结果 :5

4. /

(1). 除法

(2). 把字符串类型转换为数字类型

例如: “5”/1  结果 :5

5. %

(1). 求余

(2). 把字符串类型转换为数字类型

例如: “5”/6  结果 :5

注意事项:利用% 进行类型转换时,除数一定要大于被除数

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

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

2、比较运算符

>  <  ==  >=  <=  !=  ===

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

如果成立结果就为true,否则为false

例如:3<5 结果:true  3>5 结果:false

3<=5 结果:true  3>=5 结果:false

3==5 结果:false  3!=5 结果:true

3==”3” 结果:true  3===”3” 结果:false

注意事项:

== 只判断内容是否相等

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

赋值= 判断相等

3、逻辑运算符

(1). &&:逻辑与(并且)

两边只要有一边不成立,结果就不成立(false)

只有两边都成立,结果才成立(true)

(2). ||:逻辑或(或者)

两边只要有一边成立,结果就成立

只有两边都不成立,结果才不成立

(3). !:逻辑非(取反)

以前成立,结果就成立

以前不成立,结果就成立

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

4. 括号运算符

(1). 小括号()  改变优先级

3+2*5 结果为:13  (3+2)*5 结果为:25

(2). 中括号[]  下标运算

(3). 大括号{}   块运算符

5. =:赋值运算符

对变量进行赋值运算

例如:a=5;

3=5; 将会报错

6. 三目运算符

(1). 概念

A. 单目运算符

   !  ++  --

B. 双目运算符:必须要两个数据才可以进行运算

+ - * /

C. 三目:必须要三个数据才可以进行运算

(2). 写法:

布尔数据?数据1:数据2

(3). 原理:

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

(二)、表达式

1. 概念:

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

2. 特点:

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

3. 作用:

运算

3+5

3*5-2

var a=3,b=5;

a+b+2

(三)、运算符优先级法则(六神口诀)

1. 括号永远最高
2. 赋值永远最低

3. 单目>双目>三目

4. 算术>比较>逻辑

5. 乘除余>加减 逻辑与(&&)>逻辑或(||)

6. 优先级相同,从左往右运算

3+5-2

3+5/2 <= 5-3/2 && 5+3>=12-3*(2-5) || !(5>=8-2)

=> 括号永远最高

3+5/2 <= 5-3/2 && 5+3>=12-3*(-3) || !(5>=8-2)

算术>比较>逻辑

3+5/2 <= 5-3/2 && 5+3>=12-3*(-3) || !(5>=6)

3+5/2 <= 5-3/2 && 5+3>=12-3*(-3) || !false

3. 单目>双目>三目

3+5/2 <= 5-3/2 && 5+3>=12-3*(-3) || true

4. 算术>比较>逻辑

5. 乘除余>加减 逻辑与(&&)>逻辑或(||)

3+2.5 <= 5-1.5 && 5+3>=12-(-9) || true

加减

5.5 <= 3.5 && 8>=21 || true

比较

false && false || true

逻辑与(&&)>逻辑或(||)

false || true

true