JavaScript 基础笔记 02

三目运算符
- 语法： 条件？为 true 的结果：为 false 的结果
- 结果：满足条件输出前面的结果；不满足条件输出后面的结果
- 缺点：必须有一个参数接收程序的结果，需要返回结果才可以使用起来简洁
条件分支结构

1. if 语句

语法：if (条件) { 满足条件执行的代码 }
结果：通过 if 来决定代码是否执行
缺点：if 语句的代码过多会变得难以维护

2. switch 语句

结果：对应某个变量的判断
缺点：switch 不能表示由不同条件嵌套构成的多分支结构
语法：

switch(判断条件){
	case 结果1： 
		执行代码；
		break;
	case 结果2：
		执行代码；
		break;	
	default: 
		执行代码;
		break;
	}

3. while 语句

语法：while (条件) { 满足条件执行的代码 }
结果：当满足条件执行代码，一旦不满足就不执行代码
用法：不确定循环的次数，并且通常需要在循环之前定义好变量
缺点：如果自身不改变，那么就会一直循环

4. dowhile 语句

语法：do { 执行的代码 } while (条件)
结果：先执行一遍代码，然后开始进行条件判断
缺点：无论如何都会执行一次代码

5. for 语句

语法：for (条件) { 满足条件执行的代码 }
结果：通过 for 的条件来决定代码是否执行
缺点：必须有技术器和退出条件，很多不是数组结构的数据无法使用

1. 预解析

预解析：就是 js 代码的编译和执行；js 是一个解释型语言，在代码执行之前，先对代码精选通读和解释，然后再执行代码，因此，js 在代码运行的时候会进行 解释代码 和 执行代码
需要预解析的内容有两个：
- 声明式函数
  - 在内存中声明一个变量名是函数名，并且这个名字代表的内容是一个函数
- var 关键字
  - 在内存中声明一个变量名

$for、for...in、for...of、forEach 的区别$

for 循环
- 优点：程序简洁，结构清晰，循环初始化，循环变量化和循环条件位置突出。
- 缺点：结构比while循环复杂，容易出编码错误。
- 示例：

var list = [11,22,33]
for(let i=0;i<list.length;i++){
    console.log(list[i])
}
/* 打印结果 
 * 11
 * 22
 * 33
 */

for...in 循环
- 优点：可以遍历数组的键名，遍历对象简洁方便。
- 缺点：返回可枚举的属性的顺序因浏览器而异。
- 示例：

var object = {name:'smiling',age: 22, sex: 'female'} 

for(let i in object){
    console.log(i+object[i])
}  
/* 打印结果 
 * namesmiling
 * age22
 * sexfemale
 */

for...of 循环
- 优点：避免了for...in的所有缺点，支持break,continue,return。支持遍历map，object,array,set string等。
- 缺点：不适用于处理原有的原生对象。
- 示例：

var list = ['平安喜乐','万事顺意','身体安康']

for(let i of list){
    console.log(i)
}
/* 打印结果 
 * 平安喜乐
 * 万事顺意
 * 身体安康
 */

forEach 循环
- 优点：便利的时候更加简洁，效率和for循环相同，不用关心集合下标的问题，减少了出错的效率。
- 缺点：不能同时遍历多个集合，在遍历的时候无法修改和删除集合数据。

var list = ['平安喜乐','万事顺意','身体安康']

list.forEach(function(value,index,array){
     console.log(value,index,array)
})
/* 打印结果 
 * 平安喜乐 0 ['平安喜乐', '万事顺意', '身体安康']
 * 万事顺意 1 ['平安喜乐', '万事顺意', '身体安康']
 * 身体安康 2 ['平安喜乐', '万事顺意', '身体安康']
 */

@Title: JavaScript 基础笔记 02
@Content: JavaScript
@Autor: ling.wang
@StudyDate: 2022-08-09
@WritingDate: 2022-08-09