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