JavaScript基础第二天

pa_miao_chi

已于 2023-08-10 18:52:33 修改

阅读量196

点赞数

分类专栏： JavaScript 前端学习文章标签： javascript 开发语言 ecmascript

于 2023-08-09 21:01:22 首次发布

本文链接：https://blog.csdn.net/chenjieyujiayou/article/details/132194659

版权

前端学习同时被 2 个专栏收录

34 篇文章 0 订阅

订阅专栏

JavaScript

7 篇文章 0 订阅

订阅专栏

1. 运算符

2. 语句

一.运算符

1.赋值运算符

2.一元运算符

3.比较运算符

4.逻辑运算符

5.运算符优先级

1.1 赋值运算符

概念：对变量进行赋值的运算符

赋值运算符： = += -= *= /= %=

1.2 一元运算符

可以根据表达式的个数，分为一元运算符，二元运算符，三元运算符

一元运算符

自增：++ 让变量的值加1

自减： -- 让变量的值减1

前置自增：++i 后置自增：i++

区别：单独使用没有区别，但是如果参与运算就有区别：前置自增是先加后用，后置自增是先用后加，在开发中，后置自增用的比较多

1.3 比较运算符

① 比较运算符介绍

使用场景：比较两个数据大小，是否相等
比较运算符

> :左边是否大于右边

< : 左边是否小于右边

>= : 左边是否大于等于右边

<=: 左边是否小于等于右边

==：左右两边值是否相等

===：左右两边值和类型是否都相等(推荐)

!==：左右两边是否不全等

比较结果为boolean类型，只会得到true或者false
字符串比较，是比较的字符对应的ASCII码

① 比较的时候是从左到右依次比较

② 如果第一位一样再比较第二位，依次类推

③ 比较的少，了解即可

NaN不等于任何值，包括它本身
尽量不要比较小数，因为小数有精度问题
不同类型之间比较会发生隐式转换，最终会把数据隐式转换成number类型再比较

1.4 逻辑运算符

① 逻辑运算符介绍

使用场景：逻辑运算符用来解决多重条件判断

&& 逻辑与并且符号两边都为true结果才为true 一假则假

|| 逻辑或或者符号两边有一个true就为true 一真则真

！逻辑非取反 true变false false变true 真变假，假变真

1.5 运算符优先级

二.语句

1.if分支语句

2.三元运算符

3.switch语句

4.循环语句

表达式和语句的区别

表达式是可以被求值的代码，JavaScript引擎可以将其计算出一个结果
语句是一段可以被执行的代码

2.1 分支语句

选择性的执行想要的代码
if语句有三种使用：单分支，双分支，多分支。

① 单分支：

if（条件）{

满足条件要执行的代码

}

括号内条件为true时，进入大括号执行代码
小括号内的结果如果不是bool类型，会发生隐式转换成布尔类型
如果大括号中只有一条语句，大括号可以省略，但是，不推荐

② 双分支语句

if (条件) {

满足条件要执行的代码

} else {

不满足条件执行的代码

}

③ 多分支语句

if(条件1) {

代码1

} else if(条件2) {

} else if(条件3) {

} else {

}

2.2 三元运算符

① 使用场景：其实是比if双分支更简单的写法，可以使用三元表达式

② 符号：？与：配合使用

③ 语法：条件 ? 满足条件执行的代码：不满足条件执行的代码

④ 一般用来取值

2.3 switch分支语句

① 找到跟小括号里数据全等的case值，并执行里面对应的代码

② 如果没有全等 ===的则执行default里面的代码

③ 一般用于等值判断，不适合区间判断

④ 一般需要配合break关键字使用，没有break会造成case穿透

    switch(数据) {
       case 值1:
         代码1
         break;
       case 值2:
         代码2
         break;
       case 值3:
         代码3
         break;
       default:
         其他代码
         break;
    }

2.4 断点调试

① 调试位置：F12->源代码

② 按钮可以进行不同方式的调试

③ 对需要的值进行监视

2.5 while循环

① 基本语法

while (循环条件) {
    要重复执行的代码（循环体）
}

② 执行过程

满足循环条件的时候才会进入循环体执行代码
循环体执行之后会再次判断条件是否满足，如果满足，继续执行循环体，如果不满足，跳出循环

③ while循环需要具备的三要素

变化起始值
终止条件（没有终止条件，循环会一直执行，造成死循环）
变量变化量（用自增或者自减）

④ 循环的退出（break 和 coninue）

break：退出整个循环 (一般用于结果已经得到，后续的循环不需要的时候可以使用)
continue: 结束本次循环（一般用于排除或者跳过某一个选项的时候，可以使用continue）