一个月掌握 JavaScript入门知识[2]

秃头程序员00

已于 2022-07-29 21:02:24 修改

阅读量164

点赞数 2

分类专栏： JavaScript 文章标签： javascript 前端

于 2022-07-29 20:40:05 首次发布

本文链接：https://blog.csdn.net/wyy010818/article/details/126062803

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、运算符

赋值运算符

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

let num = 1
    num += 1
    console.log(num)

如果要加5的话只需要把num += 1 改为num += 5即可

一元运算符

自增：

符号：++

作用：让变量的值 +1

自减：

符号：--

作用：让变量的值 -1

前置自增：

后置自增：

前置自增和后置自增都相当于num += 1,但是前置自增是先运算后输出结果,后置自增是先输出结果后运算,在一般开发中后置用的比较多.

比较运算符

在实际开发中通常用来比较两个值的大小以及是否相等

逻辑运算符

运算符优先级

逻辑运算符
符号	名称	日常读法	特点	口诀
&&	逻辑与	并且	符号两边都为true 结果才为true	一假则假
\|\|	逻辑或	或者	符号两边有一个 true就为true	一真则真
!	逻辑非	取反	true变false false变true	真变假，假变真

判断一个变量 num 是否大于5且小于10怎么写？

num > 5 && num < 10

二、语句

表达式和语句

表达式： 因为表达式可被求值，所以它可以写在赋值语句的右侧。

表达式

num = 3 + 4

语句： 而语句不一定有值，所以比如 alert() for和break 等语句就不能被用于赋值。

语句

alert() 弹出对话框 console.log() 控制台打印输出

区别

因为表达式可被求值，所以它可以写在赋值语句的右侧。

而语句不一定有值，所以比如 alert() for和break 等语句就不

能被用于赋值。

分支语句

在学习分支语句之前,我们需要先了解程序三大流程控制语句,它们分别是顺序结构、分支结构以及循环结构.

顺序结构:

分支结构:

循环结构:

分支语句包含:

If分支语句

if语句又分为单分支、双分支、多分支

单分支使用语法

if (条件) {
     满足条件要执行的代码
}

双分支语法

if (条件) {
     满足条件要执行的代码(条件为true)
} else {
     不满足条件要执行的代码(条件为false)
}

多分支语法

if (条件1) {
      代码1
} else if (条件2) {
      代码2
} else if (条件2) {
      代码3
} else {
      代码n
}

输入成绩案例

需求：根据输入不同的成绩，反馈不同的评价

注：

①：成绩90以上是优秀

②：成绩70~90是良好

③：成绩是60~70之间是及格

④：成绩60分以下是不及格.

参考代码:

 let grade = prompt('请输入你的成绩:')
        if(grade>=90){
            alert('您的成绩是90以上,还需继续保持!')
        }else if(grade<90 && grade>=70){
            alert('您的成绩是70至90之间,还有上升空间!')
        }else if(grade<70 && grade>=60){
            alert('您的成绩是60至70之间,成绩一般需要努力!')
        }else if(grade<60){
            alert('你的成绩是60以下,不要灰心!')
        }

三元运算符

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

符号： ? 与 : 配合使用

语法：

switch语句

语法

switch (数据) {
        case 值1:
              代码1
              break
        case 值1:
              代码2
              break
        case 值1:
              代码3
              break
        case 值1:
              代码4
              break
        case 值1:
              代码n
              break
}

循环语句

断点调试

作用：学习时可以帮助更好的理解代码运行，工作时可以更快找到bug

浏览器打开调试界面

1. 按F12打开开发者工具

2. 点到sources一栏

3 .选择代码文件

断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来

语法

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

while循环的三要素:变量起始值、终止条件、变量更新

三、银行存款案例

简易ATM取款机案例

需求：用户可以选择存钱、取钱、查看余额和退出功能

参考代码

 let flag = true
        let money = 0
        while (flag) {
            let num = +prompt(`
            请选择您的操作:
                     1.取款
                     2.存款
                     3.查看余额
                     4.退出
            `)
            if (num === 1){
                let it = +prompt('请输入取款余额')
                money -= it
                alert('取款成功')
            }else if(num === 2){
                let it = +prompt('请输入存款余额')
                money += it
                alert('存款成功')
            }
            else if(num === 3){
                alert(`您的银行卡余额是${money}元`)
            }else if(num === 4){
                alert('燕子没有你我可怎么活啊 燕子~')
                flag = false
            }else{
                alert('小王八羔子,不按4还想走?')
            }
        }