javascript基础学习第二天

时间:2022-07-07 20:55:13

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