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类型,即只会得到truefalse
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
来源:追梦博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
JavaScript基础(2)-运算符-语句
1. 掌握算术、比较、逻辑运算符,为程序“能思考”做准备 2. 掌握分支语句,让程序具备判断能力 3. 掌握循环语句,让程序具备重复执行能力 运算符 算术运算符 目……
<<上一篇
下一篇>>