JavaScript基础(2)-运算符-语句
1. 掌握算术、比较、逻辑运算符,为程序“能思考”做准备
2. 掌握分支语句,让程序具备判断能力
3. 掌握循环语句,让程序具备重复执行能力
运算符
算术运算符
目标:掌握算术运算符,能写出一些具备运算能力的小程序
数学运算符也叫算术运算符,主要包括加、减、乘、除、取余(求模)。
+:求和
-:求差
*:求积
/:求商
%:取模(取余数)后面的数字大于前面的数字则,余数为前面的数
开发中经常作为某个数字是否被整除
目标:能说出JavaScript算术运算符执行的优先级顺序
同时使用多个运算符编写程序时,会按着某种顺序先后执行,我们称为优先级。
JavaScript中 优先级越高越先被执行,优先级相同时以书从左向右执行。
乘、除、取余优先级相同
加、减优先级相同
乘、除、取余优先级大于加、减
使用 () 可以提升优先级
总结: 先乘除后加减,有括号先算括号里面的~~~
赋值运算符
赋值运算符:对变量进行赋值的运算符
已经学过的赋值运算符:= 将等号右边的值赋予给左边, 要求左边必须是一个容器
其他赋值运算符:
+=
-=
*=
/=
%=
使用这些运算符可以在对变量赋值时进行快速操作
我们以 += 赋值运算符来举例
1. 以前我们让一个变量加 1 如何做的?
2. 现在我们有一个简单的写法啦~~~
1. = 赋值运算符执行过程?
将等号右边的值赋予给左边, 要求左边必须是一个容器
2. += *= 出现是为了简化代码, 比如让 let num = 10 , num 加5
怎么写呢?
num += 5
一元运算符
众多的 JavaScript 的运算符可以根据所需表达式的个数,分为一元运算符、二元运算符、三元运算符
二元运算符:
例
我们可以有更简便的写法了~~~
自增:
符号:++
作用:让变量的值 +1
自减:
符号:--
作用:让变量的值 -1
使用场景:
经常用于计数来使用。 比如进行10次操作,用它来计算进行了多少次了
自增运算符的用法:
前置自增:
let num = 1
++num
document.write(num)
//此时num等于2
每执行1次,当前变量数值加1
其作用相当于 num += 1
后置自增:
let num = 1
num++
document.write(num)
//此时num等于2
每执行1次,当前变量数值加1
其作用相当于 num += 1
前置自增和后置自增单独使用没有区别
目标: 能够说出自增/减运算符前置或后置的差异
自增运算符的用法:
前置自增和后置自增如果参与运算就会有区别
前置自增:
前置自增:先自加再使用(记忆口诀:++在前 先加)
let i = 1
console.log(++i +2) //结果是4
//注意 i此时已经通过前置自增变为2
//i先自加i,变成2之后,在和后面的2相加
后置自增:
前置自增:先自加再使用(记忆口诀:++在后 后加)
let i = 1
console.log(i++ +2)//结果是3
console.log(i) //此时输出的i为2
//注意 此时的i是1
//先和2相加,先运输输出完毕后,i再自加变成2
自增运算符的用法:
1. 前置自增和后置自增独立使用时二者并没有差别!
2. 一般开发中我们都是独立使用
3. 后面 i++ 后置自增会使用相对较多
比较运算符
目标:掌握比较运算符,为程序“能思考”做准备
1. 比较运算符的介绍
比较运算符的介绍
作用:比较两个数据大小、是否相等
实际运用例:
2. 比较运算符的使用
比较运算符:
> : 左边是否大于右边
<: 左边是否小于右边
>=: 左边是否大于或等于右边
<=: 左边是否小于或等于右边
==: 左右两边是否相等(只要值一样就是true ,不管数据类型)
===: 左右两边是否类型和值都相等(必用===)
!==: 左右两边是否不全等
比较结果为boolean类型,即只会得到true或false
3. 比较运算符的细节
逻辑运算符
1. 逻辑运算符的介绍
提问:如果我想判断一个数据大于5且小于10,怎么办?
错误写法: 5 < 数据 < 10
逻辑运算符用来解决多重条件判断
2. 逻辑运算符的使用
逻辑运算符:
3. 逻辑运算符里的短路
短路:只存在于 && 和 || 中,当满足一定条件会让右边代码不执行
||:左边为true(真)就短路
原因:通过左边能得到整个式子的结果,因此没必要再判断右边
运算结果:无论 && 还是 || ,运算结果都是最后被执行的表达式值,一般用在变量赋值
有几个值当false看:0,“”(字符串为空),undefined,null,这几个值当假的看(false)其余的值都是真的
目标:掌握运算符优先级,能判断运算符执行的顺序
一元运算符里面的逻辑非优先级很高
逻辑与比逻辑或优先级高
语句
表达式和语句
目标:能说出表达式和语句的区别
表达式:
表达式是一组代码的集合,JavaScript解释器会将其计算出一个结果
目标:能说出表达式和语句的区别
语句:
js 整句或命令,js 语句是以分号结束(可以省略)
比如: if语句 for 循环语句
区别:
表达式计算出一个值,但语句用来自行以使某件事发生(做什么事)
表达式 3 + 4
语句 alert() 弹出对话框
其实某些情况,也可以把表达式理解为语句,因为它是在计算结果,也是做事
表达式和语句的区别
表达式计算出一个值 比如 3+5 x = 7
语句用来自行以使某件事发生(做什么事)
alert()
console.log()
还比如我们接下来学的分支语句.
分支语句
目标:掌握流程控制,写出能“思考”的程序
1. 程序三大流程控制语句
以前我们写的代码,写几句就从上往下执行几句,这种叫顺序结构
有的时候要根据条件选择执行代码,这种就叫分支结构
某段代码被重复执行,就叫循环结构

2. 分支语句
分支语句可以让我们有选择性的执行想要的代码
分支语句包含:
If分支语句
三元运算符
switch 语句
1. if语句
if语句有三种使用:单分支、双分支、多分支
单分支使用语法:
if (条件) {
条件满足要执行的代码
}
括号内的条件为true时,进入大括号里执行代码
小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型
双分支if语法:
if (条件) {
满足条件需要执行的代码
}else{
不满足条件执行的代码
}
多分支if语法:
if (条件1) {
执行代码1
}else if (条件2) {
执行代码2
}else if (条件3) {
执行代码3
}else if (条件N) {
执行代码N
}
释义:
先判断条件1,若满足条件1就执行代码1,其他不执行
若不满足则向下判断条件2,满足条件2执行代码2,其他不执行
若依然不满足继续往下判断,依次类推
若以上条件都不满足,执行else里的代码n
注:可以写N个条件,但这里演示只写2个
三元运算符
目标:能利用三元运算符执行满足条件的语句
其实是比 if 双分支 更简单的写法,有时候也叫做三元表达式
符号:? 与 : 配合使用
语法:
条件 ? 满足条件执行的代码 :不满足条件执行的代码
一般用来取值
let re = num1 > num2 ? num1 :num2
switch 语句
目标:能利用switch执行满足条件的语句
switch (数据){
case 值1 :
代码1
break
case 值1 :
代码1
break
default:
代码n
break
}
释义:
找到跟小括号里数据全等的case值,并执行里面对应的代码
若没有全等 === 的则执行default里的代码
例:数据若跟值2全等,则执行代码2
注意事项
必须全等匹配 ===
1. switch case语句一般用于等值判断,不适合于区间判断
2. switch case一般需要配合break关键字使用 没有break会造成case穿透
循环语句
目标:掌握循环结构,实现一段代码重复执行
1. 断点调试
目标: 掌握断点调试方法,学会通过调试检查代码
作用:学习时可以帮助更好的理解代码运行,工作时可以更快找到bug
浏览器打开调试界面
1. 按F12打开开发者工具
2. 点到sources一栏
3. 选择代码文件
断点:在某句代码上加的标记就叫断点,当程序执行到这句有标记的代码时会暂停下来
2. while循环
目标:掌握while循环语法,能重复执行某段代码
循环:重复执行某段代码, 而 while : 在…. 期间
1. while 循环语法:
释义:
跟if语句很像,都要满足小括号里的条件为true才会进入执行代码
while大括号里代码执行完毕后不会跳出,而是继续回到小括号里判断条件是否满足,若满足又执行大括号里的代码,然后再回到
小括号判断条件,直到括号内条件不满足,即跳出
目标:掌握while循环语法,能重复执行某段代码
循环:重复执行某段代码, 而 while : 在…. 期间
2. while 循环注意事项:
循环的本质就是以某个变量为起始值,然后不断产生变化量,慢慢靠近终止条件的过程。
所以,循环需要具备三要素:
1. 变量起始值
2. 终止条件(没有终止条件,循环会一直执行,造成死循环)
3. 变量变化量(用自增或者自减)
版权声明:
作者:zhuim521
链接:https://zhuimwl.com/79.html
来源:追梦博客
文章版权归作者所有,未经允许请勿转载。

共有 0 条评论