js基础第二天笔记

1.运算符

1.1赋值运算符

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

以+= 赋值来运算符来举例

<script>
    let num = 1
    num = num + 1
    console.log(num) // 结果是2
</script>

现在有一个简单的写法

<script>
  let num = 1
  num += 1
  console.log(num) // 结果是二
</script>

= 赋值运算符执行过程

将等号右边的值赋予给左边，要求左边必须是一个容器

1.2一元运算符

自增：

符号：++

作用：让变量的值+1

自减：

符号：- -

作用：让变量的值-1

前置自增：

先自加再使用（记忆口诀：++在前先加）

let num = 1
++num  // 让num的值加1变2

后置自增：

先使用后自加（记忆口诀：++在后 后加）

let num = 1
num++ // 让num的值加1变2

自增运算符的用法：

前置自增和后置自增独立使用时二者并没有差别

一般开发中我们都是独立使用

后面 i++后置自增会使用相对较多，并且都是单独使用

1.3比较运算符

‘>’ : 左边是否大于右边

‘<’ : 左边是否小于右边

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

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

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

=== ：左右两边是否类型和值都相等

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

比较结果为boolean类型，即只会得到true或false

NaN 不等于任何值 包括它本身

涉及到NaN ，都是false

不同类型之间比较会发生隐式转换

最终把2数据隐式转换转成number类型再比较

所以开发中 如果进行准确的比较我们更喜欢 === 或者！==

比较运算符返回的结果只有2个

true or false

1.4逻辑运算符

1.5运算符优先级

2 语句

表达式和语句

在这里插入代码片

分支语句

if分支语句：

单分支语法：

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

小括号的条件为true时 进入大括号里执行代码

小括号内的结果若不是布尔类型时，会发生隐式转换为布尔类型

双分支语句：

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

多分支if语句：

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

三元运算符*

语法：

条件 ？ 满足条件执行的代码 ： 不满足条件执行的代码

switch语句

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

循环语句

while 循环基本语法：

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

while 循环三要素

变量起始值、终止条件、变量变化量

循环退出

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

综合案例-ATM取款

<script>
    // 1 开始循环 输入框写到 循环里面
    let money = 100
    while (true) {
      let re = +prompt(`
  请您选择操作:
  1.存钱
  2.取钱
  3.查看余额
  4.退出
  `)
      // 2 如果用户输入的4  则退出循环 break
      if (re === 4) {
        break
      }
      // 根据输入做操作
      switch (re) {
        case 1:
          // 存钱
          let cun = +prompt('请输入存款金额')
          money = money + cun
          break
        case 2:
          // 取钱
          let qu = +prompt('请输入取款金额')
          money = money - qu

          break
        // 查看余额
        case 3:
          alert(`您的银行卡余额还有${money}元`)
          break

      }
    }

  </script>