javascript基础学习第二天

ECMASCRIPT(语法标准)
1. 能够写出简单的逻辑程序代码

2. 变量，数据类型，运算符，条件判断语句，循环语法，数组，对象，函数

1. 赋值运算符

= 将'='右侧的结果赋值给左侧的变量

a += b; 等价于 a = a + b;

a -= b; 等价于 a = a - b;

a *= b; 等价于 a = a * b;

2. 一元运算(在循环语句中会大量使用)

++

--

总结：
1. 不管是 ++ 或者是 -- 都是在原来变量值的基础上 加1 或者 减1

2. 假如将一元运算以后的结果赋值给一个变量，那么这个变量的值有区别。

例如: a = b++;

最后的结果是： a的值等于 b 加1 之前的值，b的值等于加1之后的值

特点：先赋值后计算

例如： a = ++b;

最后的结果： a的值等于b加1之后的值，b的值等于加1之后的值

特点： 先计算后赋值

3. 比较运算符

大于 >

小于 <

大于等于(大于或者等于) >=

小于等于(小于或者等于) <=

等于[注意]： == 或者 ===

不等于： != 或者 !==

总结：
1. 通过比较运算后，得到的结果就是一个布尔类型的结果（true | false）

2. ' <= || >= ' 的时候如果有一个条件成立，那么最后的结果就是true.

3. ' == ' 在比较大小的时候，只考虑值，不考虑数据类型(不完全等于)

4. ' === ' 在比较大小的时候，同时要考虑数据类型和值(全等于)

5. ' != ' 只判断值是否不相等

6. '!==' 同时判断值和数据类型

4. 逻辑运算符(条件判断语法中，循环语法中)

或运算（||）: 或者（条件有一个满足即可）

1. true || false ===》 true

2. true || true ===> ture

3. false || false ===> false

且（与）运算 （&&）： 并且（条件必须都满足才可以）

1. true && true ===》 true

2. false && true ===> false

3. false && false ===> false

非运算 (!): 取相反的结果

1. !true ===> false

2. !false ===> true

总结：
☞ 如果需要将多个条件联系到一块，那么需要使用逻辑运算符。

5. 条件判断语法: 根据条件是否成立执行对应的代码

☞语法结构：

if( 条件表达式 ) {

解决问题的逻辑代码（js代码）

}else {

解决问题的逻辑代码（js代码）

}

☞分析语法结构：

1. 先执行条件表达式，判断条件表达式的结果是 true 还是 false

2. 如果条件表达式的结果是 true, 那么程序只会执行 if 后面的逻辑代码，else中的代码不执行

3. 如果条件表达式的结果是 false, 那么程序只会执行 else后面的逻辑代码，if中的代码不执行

6 多条件,条件判断语法结构

☞ 语法过程

if( 条件表达式 ) {

逻辑代码。。。

}else if( 条件表达式 ) {

逻辑代码。。。
}else if ( 条件表达式 ) {

逻辑代码...

}else {
逻辑代码...
}

☞ 分析该语法结构的执行过程

1. 先判断第一个表达式是否成立（true | false）

2. 如果第一个条件成立（true）, 那么程序只会执行 第一个if后面的程序，后面的所有程序不再执行

3. 如果第一个条件不成立（false），那么判断第二条件表达式是否成立，如果第二个条件成立，那么执行第二个中的逻辑代码，否则继续向下判断条件

4. 如果以上上条件都不成立，那么程序最后执行else中代码。

7. 代码断点调试（掌握）: 为了调试程序，排除错误。

☞ 步骤：

1. 先运行程序

2. 打开浏览器控制台，找到 sources 选项

3. 点击对应的HTMl文件，找到对应的JS代码片段

4. 给代码设置断点（在对应的行位置处点击鼠标左键），推荐将断点设置给程序执行的第一行。

5. 再次运行程序（刷新页面）

6. 手动的让程序一行一行的执行（F10）

7. 随时监视变量中的值

7.1 将鼠标放到对应变量的身上

7.2 将变量添加到监视窗口

8. 三元运算（三元表达式）

语法：

条件表达式 ? 如果前面的表达式返回的结果是true那么就执行该位置处的代表 : 如果（false）那么执行该位置处的代码

总结：

凡是能用if .. else... 语法结构写的代码，最后都可以用三元表达式去写 （推荐用三元表达式）

9. switch语法：

语法：

switch(变量) {

case 变量中的值第一种情况:
逻辑代码
break;

case 变量中的值第二种情况:
逻辑代码
break;

default:
逻辑代码
break;
}

分析语法执行过程：

☞ 先执行switch中的变量

☞ 执行case后面的值，如果case后面的值与switch中变量的值完全相同【数据类型和值都要一样】，那么就执行对应的case后面的逻辑代码

☞ 如果case后面的值没有与switch中变量的值有相同的，那么程序最后执行default中的代码

注意：
☞ switch中变量的数据类型必须和case后面的值数据类型保持一致

☞ 每一个case结束后，必须以break结束。

☞ default中如果有逻辑代码需要处理，那么不能省略，如果没有逻辑代码需要处理，可以省略。

☞ switch中可以添加表达式，但是case后面只能跟 true 或者 false

总结：
☞ 如果程序中出现了多个条件的语法结构，可以考虑使用switch
☞ 如果条件表达式中用到的变量的值是固定的，可以考虑使用switch