初识 Javascript.02 -- Date日期、Math对象、数据类型转换、字符串、布尔Boolean、逻辑运算符、if else 、三元表达式、代码调试方法、

 Date()对象：

Date对象用于处理日期和时间。

１.1 Math对象 

◆Math.ceil()   天花板函数    向上取整  只取整数，不足则进1

◆Math.floor()  地板函数  舍去小数

◆Math.max(x,y) 

 

◆Math.min(x,y)

 

◆Math.pow(x,y)

 

◆Math.round() 

 

◆Math.random()

 

 数据类型转换

数字类型转字符串

String() 

 

 变量.toString()

 

字符串转数字类型

◆Number

 

   ★数字类型的字符串，转换之后得到的数字。

   ★非数字字符串，转换之后得到是NaN。

   ★小数类型的字符串，转换之后得到的是原数字。

◆parseInt

 

★整数数字类型的字符串，转换之后得到的整数数字。

★数字开头的字符串，转换之后得到的是前边的数字。

★非数字开头的字符串，转换之后得到的是NaN。

★小数类型的字符串，转换之后取整。

◆parseFloat

★整数数字类型的字符串，转换之后得到的整数数字。

★数字开头的字符串，转换之后得到的是前边的数字。

★非数字开头的字符串，转换之后得到的是NaN。

★小数类型的字符串，转换之后得到的是原数字。

 转布尔类型

Boolean()

★数字和字符串转完之后为true。

★undefined、null、0转完之后为false.

隐式数据类型转换

在运算过程中，程序自己进行的数据转换(程序员没有操作)

逻辑运算符

逻辑运算只有2个结果，一个为true,一个为false.

◆且&&

★两个表达式为true的时候，结果为true.

◆或||

★只要有一个表达式为true,结果为true.

◆非！

★和表达式相反的结果。

等号运算符

“=”赋值运算符

“==”只判断内容是否相同，不判断数据类型。

“===”不仅判断内容，还判断数据类型是否相同。

！=  只判断内容是否不相同，不判断数据类型。

！==不全等于  不仅判断内容是否不相同，还判断数据类型是否不相同。

 （/）乘除运算

1. 两个都为数字类型的变量，相除得到的是数字类型
2. 如果一个为数字类型的变量，一个为数字字符串变量，相除得到的是数字类型
3. 如果一个为数字类型的变量，一个为非数字字符串，相除得到的NaN,数字类型
4. 如果0作为除数，得到的是infinity(无限大)，是一个数字类型。
5. 数/数=数数/数字字符串=数数/字=NaN数/0=infinity（无限大）

 %运算 取余

 逻辑运算符

逻辑运算只有两个结果，一个为true，一个为false.

1. 且 &&：

a) 两个都为true真才为真true

b) 有一个为false假就是假true

1. 或 ||：

a) 有一个为真true就为真false

b) 两个都为false假才为假false

1. 非 ！:true和false对换

a) 输出相反的结果

b) 连续两个！！，可以将任意数值转换为boolean类型

 比较运算符

大小关系比较

1. > 、<、>=、<=，大小关系比较

a) 仅一个是数值，将另一个数值转换数值后比较

b) 字符串比较，逐字符串比较unicode值

c) 字符串与非数值比较，将非数值的转换为字符串比较

d) 非数值也非字符串，转换为字符串比较

e) 比较数无法转换为字符串，返回fslse

f) 与NaN比较，返回false

1. == 、!= 相等比较

a) 字符串与数值比较，字符串转换为数值

b) null与undefined相等，比较不进行转换

c) NaN 与谁都不相等，包括自身

d) 对象比较

1. ==：属于同一对象
2. !=：不属于同一对象
3. ===、!== 比较

a) 值比较需要类型相同切数值相等

b) 值类型与引用类型肯定不想等

c) 引用类型的比较。比较他们的引用地址

  优先级  先计算()括号里边的值

变量的集体声明

 

If...else  条件判断

If(条件表达式){

如果条件表达式结果为true,执行该处代码。 如果条件表达式结果为false,执行下边代码。  

}else{

如果条件表达式结果为false,执行该处代码。

}

If else嵌套

If(条件表达式){

如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。

}else  If(条件表达式){

如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。

}else  If(条件表达式){如果条件表达式结果为true,执行该处代码。下边代码不执行。如果为false,执行下边代码。

}else{

如果上边条件表达式结果都为false,执行该处代码。

}

三元表达式

表达式?结果1：结果2；

如果表达式结果为true,执行结果1，如果表达式结果为false,执行结果2.

可以理解为if else  的另外一种写法。

 

代码调试Sources

◆先让程序运行一遍

◆f12   代码调试工具

 

◆刷新页面

◆找到一步步调试，每点击一次，执行一步。

 

添加变量或者表达式到监视窗口。

选择变量或表达式右键add to watch.

 

◆监视窗口