原生JS笔记——第二天

第一天补充：
1.反引号内部的变量值可以用${}包住（不用加+）
例如：

var a = 100;
alert("小明，这次考试你考了" + a +"分");

等价于：

var a = 100;
alert(`小明，这次考试你考了${a}分`);

2.JS运算符优先级（需要熟记）

3.ASCII码（自行了解即可）

类型转换

例如有变量a
1.将a转换为字符串型:
显式转换：String(a);
隐式转换：a + " ";
2.将a转换为数字型:Number()
显式转换：Number(a);
隐式转换：a - 0;或a * 1;
3.将a转换为布尔型:Boolean()
显式转换：Boolean(a);
隐式转换：a = !!a;

window对象的方法

JS中常用的对话框：

• 警示对话框：alert()方法用于显示警示对话框
• 确认对话框：confirm()方法用于显示确认对话框
• 提示输入对话框：prompt()方法用于显示提示输入对话框

1.警示对话框
语法：var msg = window.alert(content)

2.确认对话框：
语法：var msg = window.confirm(content)
返回值为布尔值
【确定】返回值为true
【取消】返回值为false

3.提示输入对话框：
语法：var msg = window.prompt(content)
返回值为字符串型

JavaScript中的流程结构：

JavaScript中的程序结构分为：

1.顺序结构：
没有任何结构就是顺序，所有语句从上到下，逐条执行

​顺序结构主要包括注释语句、赋值语句、输入输出等语句

2.分支结构：

​ （1）单分支：要么做，要么不做；如果用if（条件）条件为true，那么执行If(){}所有语句，否则直接跳过if结构

​ 预备知识：{}叫做语句体，如果多条语句放到{}中就变成了一个整体（一组），要么都执行，要么都不执行。否则结构只能控制它下方的一条语句：

语法：if(条件){

​ 语句

​ ……；

}

（2）双分支或多分支

​ ·if……else ·if……else if……else if…… ·switch

3.循环结构

• for循环
• while循环
• do……while
• for……in循环
  
  
  

分支结构

1.IF单分支

if条件结构是根据条件判断之后再做处理
语法：

if(条件){ ​ 语句 ​ ……； }

逻辑图：



2.IF-ELSE双分支
语法：

if(条件){ ​ 语句 ​ ……； }else{ 语句 ​ ……；}

逻辑图：



3.多重IF结构
多重if结构就是在else部分中还包含其他if块，常用于区间段判断
语法：

if(条件1){

//语句1

}

else if(条件2){

//语句2

}

…… （else if块可以有多个）

else{ //最后一个为else,条件可以省略

如果条件1成立，执行语句1，否则看条件2是否成立，条件2成立，执行语句2，否则……
如果条件1，条件2，……均不成立，执行语句


4.switch结构
语法：

比较switch和多重if结构：

相同点：都可以实现多分支结构

不同点：switch，只能处理等值的条件判断，且条件是整型变量或字符变量的等职判断

​ 多重if，处理在else部分还包含其他if结构，特别适合某个变量处于某个区间的情况