JavaScript 基础第二天(运算符)

191 阅读2分钟

一、运算符

1.算术运算符

+:求和
-:求差
*:求积
/:求商
%:求余:可以用来判断是否能被某个数字整除

2.比较运算符

  • .> 、>=、 <、 <=
  • ==、 === // 是否相等
  • != 、 !== // 是否不相等
  • 注意: ①== 和 === 的区别:==只判断值是否相等,而===必须是类型和值都相等结果才是true
    ②不同类型之间比较会发生隐式转换,例如:1 > true、‘1’ == 1 等,浏览器会先进行数据类型转换再判断

3.字符串比较

字符串比较,比较的是字符对应的ASCII码

  • 从左往右一个字符一个字符比较
  • 如果第一位一样再比较第二位,以此类推
  • 使用较少,了解即可

比较运算符 - 补充(了解)

  • NaN不等于任何值,包括它本身
  • 尽量不要比较小数,因为计算机存储小数时不够精确(知道即可,如想了解为什么不够精确可百度)

逻辑运算符

image.png

赋值运算符

=
+=
-=
*=
/=
%=

  • 自增: 符号:++
    作用:让变量的值 +1
  • 自减: 符号:--
    作用:让变量的值 -1
  • ++i和i++的区别 ++i:先+1后运算
    i++:先运算后++

运算符优先级

image.png 主需要记住()和=的优先级即可;运算符的优先级不用记,想让哪个运算符先算就加()

二、语句

  • 表达式:目的一般是要计算出一个结果,多个表达式之间一般用逗号隔开
  • 语句:目的一般是要做一件事,多个语句之间一般用分号隔开
  • 代码块的目的是把一段代码包成一个整体,使用{};要么都执行,要么都不执行

三、JS的作用域

作用域定义

image.png

作用域链

  • 变量访问原则是作用域链
  • 作用域链的查找方式采用就近原则

image.png

控制代码执行顺序

分支语句 – if

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

小括号内是一个表达式,若结果不是布尔类型时,会发生隐式转换转为布尔类型

  • if语句 - 双分支
if(条件){
满足条件要执行的代码
} else {
不满足条件要执行的代码
}
  • if语句 - 多分支
if(条件) {
代码1
} else if(条件2) {
代码2
}else if(条件3) {
代码3
}else {
代码n
}

next{
click:function(){}
}

循环语句 - for

  • 代码:
for(声明记录次数的变量;循环条件;变化值){
循环体
}
  • 执行顺序

image.png

  • 退出循环 continue:结束本次循环,继续下次循环
    break:彻底结束所在的循环

综合案例

案例一

image.png

案例二

image.png

image.png