## 函数 
### 说明 
函数是一个js代码块，定义之后可以被执行或调用任意多次 



### 定义函数 
#### 原js方法 
```
function functionName() {
 code block
}
```

##### 说明 
functionName：函数命名的标识符，定义的函数对象会赋值给这个值 
一对圆括号：中间包含零个或多个逗号分割的标识符，作为函数内部的变量 
一对花括号: 函数体，其中由零个或多个js语句构成 

### 函数声明和函数表达式 
#### 函数声明 
函数声明实际上会声明一个变量，然后将函数对象赋值给变量 
#### 函数表达式 
函数表达式则不会声明变量 
函数名对定义为表达式的函数是可选的 
定义为表达式的函数不能在它们的定义之前调用 


### 参数 
#### 参数分类 

- 形参 
 形参相当于函数中定义的变量，函数中形参不需要声明
- 实参 
 在运行时的函数调用时传入的参数

#### 参数特点 

参数不限制数量，不限制数据类型，多个参数之间以逗号隔开 

Eg: 
```
function add(a,b) {
 return a + b
};
add(1,2);
```
声明函数add时，a，b就是形参 
调用函数add(1,2) 1，2就是实参 


### 注意 
函数存在整体提升，即先调用函数后声明函数同样可以 

函数调用时一定传的实参 


### 说明 
函数是一个纯过程没有结果，若函数执行需要返回一个结果可以使用return关键字 

return的本意其实是退出函数的运行，如果return后面有值的话，那么会在退出的
同时，返回一个结果 

### 回调函数 
自己定义的，未调用但是自己执行的函数 


### 同步回调函数 
理解: 立即执行, 完全执行完了才结束, 不会放入回调队列中 

例子: 数组遍历相关的回调函数/Promise的excutor函数 

### 异步回调函数
理解: 不会立即执行, 会放入回调队列中将来执行 

例子: 定时器回调、ajax回调、Promise的成功|失败的回调 


## 函数对象 
将函数作为对象使用时,简称为函数对象 
```
var fn = new Fn()
//new Fn()就创建了一个实例对象
console.log(fn)
//fn则可以视为函数对象
```


## 实例对象 
实例对象: new 函数产生的对象, 简称为对象 
```
var fn = new Fn()
//new Fn()就创建了一个实例对象
```

JS-函数

## break语句 
### 说明 
break语句会让解释器跳转到循环末尾或跳转到其它语句 
 


### 注意 
- break语句只能在循环和switch语句中使用 
- break语句在单独使用时，会导致包含它的循环或switch语句立即退出 

### 语法 
```javascript
break;
```


## continue语句 
### 说明 
continue语句会让解释器跳出循环体并返回循环顶部开始新一轮迭代 
### 注意
continue语句只能在循环体内使用，其它地方使用会语法错误 
### 语法 
```javascript
continue;
```

### 说明 
- 对于while循环而言，循环开始指定的expression会再次被求值，若求值为true，则会从上倒下执行循环体 
- 对于do/while循环而言，执行会跳到循环底部，并在底部再次执行测试条件，然后决定是否从顶部开始重新启动循环 
- 对于for循环而言，会求值increment(递增递减表达式)表达式，并再次测试test表达式，以决定是否进行下一次迭代 
- 对于for/of或for/in循环而言，循环会从下一个迭代的值或者下一个被赋值给指定遍历的属性名开始 

## return 
### 说明 
【函数调用是表达式，而表达式都具有值】函数中的return语句指定了函数调用的返回值，若未return一个值，则函数默认值未undefined 
## 注意 
return语句只能出现在函数体内，其它地方使用renturn语句则会报语法错误 
### 语法 
```javascript
return expression;
```
#### 说明 
执行return语句后，包含它的函数向调用者返回exprssion的值 


## try/catch/finally语句 
### 说明 
JS中的异常处理机制 
### 语法 
```
try {
 code block1
} catch(e) {
 code block2
} finally {
 code block3
}
```
#### 说明 
code block1: 正常情况下会从头到尾执行，可能会抛出异常，可以直接通过throw语句抛出异常 
code block2:当且仅当try语句块中抛出异常时，才会执行此语句块 
e: 引用被抛出的Error对象,当捕获到异常时与异常关联的值(如一个Error对象)会被赋值给此参数 
code block3: 无论try中发生了什么，这个语句块都会执行 




## 抛出异常throw 
### 说明 
抛出异常 

有些JavaScript代码并没有语法上的错误，但是又逻辑错误，对于这种错误，JavaScript不会抛出异常，这时候需要我们自己定义一个Error对象的实例，并使用throw语句来抛出异常。 

### 语法 
```
throw new Error()
```

JS-跳转语句和异常处理语句

## 说明 
根据指定表达式的值执行或跳过执行某些语句 



## 分类 
- if语句 
- else if 语句 
- switch case 语句 

## if语句 
### 说明
if(){...}表示如果条件成立则执行语句块中内容 
### Eg
```
if (判断条件) {
 条件成立时执行的语句
}
```
或者配合else使用，表示条件成立就执行a,条件不成立则执行b
```
if (判断条件) {
 条件成立时执行的语句
}else{
 条件不成立时执行的语句 
}
```

## else if语句 
### 说明
配合if语句使用 
表示条件a成立，则执行语句块1,否则判断条件b是否成立，成立则执行语句块2 
```
if (判断条件a) {
 条件成立时执行的语句1
}else if（判断条件b) {
 条件不成立时执行的语句2 
}
```


## switch...case语句 
### 说明 
用于基于不同条件来执行不同的操作 

### 语法 
```javascript 
switch(n)
{
 case n1:
 执行代码块 1
 break;
 case n2:
 执行代码块 2
 break;
 default:
 与 case n1 和 case n2 不同时执行的代码
}
```

### 参数 
n：表达式 
n1,n2：表达式n1,n2 
break：阻止代码自动地向下一个 case 运行 

### 语法理解 
switch 语句计算每个表达式。随后条件表达式的值会与代码块中的每个case的值做比较。如果存在匹配，则与该case关联的代码块会被执行，如果都不满足则执行default中内容 

### 注意
分支case表达式在运行时求值 


## while循环 
### 语法 
```
while (expression) {
 code block
}
```
### 说明 
解释器在表达式为true时重复执行代码块 
while(true)会创建死循环 

## do/while循环 
### 语法 
```
do {
 code block
}while (expression)
```
### 说明 
首先代码块被执行一次，然后判断表达式是否为真，是则继续执行代码块，否则退出循环 


## for循环 
### 语法 
```
for (initialize;test;increment) {
 code block
}
```
#### 参数 
initialize: 初始化表达式 
test: 条件表达式 
increment: 递增循环表达式 
### Eg 
```
for (var a = 0;a < 10;a++) {
 console.log(a)
}
```


## for/in循环 
### 语法 
```
for (variable in object) {
 code block
}
```
#### 参数 
variable: 通常是一个变量名，但是也可能是变量声明 
object：要循环遍历的对象 

### 说明　　　
for循环的一个变体，常用于对象中使用，用于将一个对象的所有属性依次循环出来 　　
for/in循环的in后面可以是任意对象 

## JS中错误类型

1. 错误的类型
 - Error: 所有错误的父类型
 - ReferenceError: 引用的变量不存在
 - TypeError: 数据类型不正确的错误
 - RangeError: 数据值不在其所允许的范围内
 - SyntaxError: 语法错误
2. 错误处理
 - 捕获错误: try ... catch
 - 抛出错误: throw error
3. 错误对象
 - message属性: 错误相关信息
 - stack属性: 函数调用栈记录信息

JS-条件语句和循环语句和错误类型

## 表达式语句 
### 说明 
JS中最简单的一种语句，直接赋值的表达式构成的语句 



## 复合语句 
语句块将多个语句组合为一个复合语句 
### Eg 
```
{
 let a = 10;
 console.log(a)
}
```

## 空语句
> 在判断体或循环体内不写，0条语句

```
if(a>1){}
```

JS-表达式语句复合语句与空语句

# 表达式 
由运算符链接的数据都称为表达式，表达式和值等效（表达式计算结果都是值，所以任何可以写值的地方都可以写表达式） 



## 算数运算符 
> 仅适用于Number类型

| 算数运算符 | 说明| 
| ---|--- | 
| + | 加运算符 | 
| - | 减运算符 | 
| / | 除法运算符 | 
| * | 乘法运算符 | 
| % | 取余运算符 | 


### 注意
1. 任何值与NaN相加值都为NaN 

2. 可以使用加运算符对字符串进行拼接 
![字符串拼接](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E8%BF%90%E7%AE%97%E7%AC%A6/%E5%AD%97%E7%AC%A6%E4%B8%B2%E6%8B%BC%E6%8E%A5.jpg) 

3. 任何值和字符串直接 进行加法运算，都会先转换为字符串，再进行拼接字符串 
![字符串拼接-2](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E8%BF%90%E7%AE%97%E7%AC%A6/%E5%AD%97%E7%AC%A6%E4%B8%B2%E6%8B%BC%E6%8E%A5-2.jpg) 
由此，隐式类型转换：将任意类型的与空字符串进行加运算，可以实现转换为字符串 

4. 考虑运算顺序 

5. 任何值做减、乘、除运算都会自动转换为Number 

### 特殊点补充 
![特殊](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E8%BF%90%E7%AE%97%E7%AC%A6/%E7%89%B9%E6%AE%8A.jpg) 


# 一元运算符 
| 运算符 | 说明| 
| ---|---| 
| + | 正号不会对数字产生任何影响 | 
| - | 负号可以对数字进行负号的取反 | 
对于非Number类型的值： 
会将其转换为Number，然后进行运算 
可以对一个其它数据类型使用+（正号），来将其转换为Number 


# 自增和自减 
## 自增 
```
var a = 1;
a++
console.log(a);

//结果为：
2
```
### 说明 
自增分两种，前加加(\++a)和后加加(a++) 
 

### 注意，单独使用时 
不论是前加加还是后加加都会使a的值立刻发生变化，加一 

#### 在表达式中： 
后++，先用旧值(原变量)参与表达式运算，表达式运算结束之后，变量本身再+1，此时变量本身发生改变，而改变的变量不参与表达式运算 

前++，先变量本身+1，再使用发生改变的变量本身参与表达式运算 



## 自减 
通过自减可以使变量在自身的基础上减1 

### 分类 
#### a--：后减减 

是变量的原值参与运算，运算结束后才会改变变量本身 

#### --a：前减减
先变量本身-1，再使用发生改变的变量本身参与表达式运算 

### Eg 
```
var a = 1;
a--
console.log(a);

//结果为：
0
```



# 逻辑运算符 
## 分类 
- 与运算 
- 或运算 
- 非运算 

## 与运算 
### 说明 
只有所有都为true，&&运算结果才是true 

### 运算符示例 
```javascript
/*
 与运算符使用&&表示
*/ 
var a = ture,b = true;
var c = a && b;
console.log(c);
//结果为：
true
```

## 或运算符 
### 说明 
只要其中有一个为true，||运算结果就是true 
### 运算符示例 
```javascript
false || false; 
// 这个||语句计算结果为false

true || false; 
// 这个||语句计算结果为true

false || true || false;
// 这个||语句计算结果为true
```


## 非运算符 
### 说明 
把true变成false，false变成true 

### 运算符示例 
```
! true; // 结果为false
! false; // 结果为true
! (2 > 5); // 结果为true
```


# 比较运算符 
## 说明 
也称为关系运算符 

## 关系运算符为 

| 关系运算符 | 说明| 
| ---|---| 
| > | 大于 | 
| < | 小于 | 
| >= | 大于等于 | 
| <= | 小于等于 | 
| == | 等于【非严格等于，允许隐式类型转换，仅比较值是否相等】 | 
| === | 严格等于，无法进行隐式类型转换 | 
| != | 不等于,对应== ，不严格只判断值是否相等 | 
| !== | 不等于，对应===，严格等于，判断类型和值是否都相等 | 

## 特殊 
### 两个字符串比较大小 
（1）.比较的是字符的ASCII码的大小 
（2）.首先从第一个字符开始比较，如果第一个字符无法比较出大小，则比较第二个，以此类推 
（3）.以"abcDef"和"abcmef"为例子，从字符"a"开始比较，直到遇到D和m才会比较出大小来 

# typeof 
## 说明 
用来检测数据类型 

## 语法 
```javascript
var a = 1;
typeof(a)
```

## 常见typeof操作符返回值 
| x | typeof(x)| 
| ---|---| 
| undefined | undefined| 
| null | object | 
| true或false | boolean | 
| 任意数值或NAN | number | | 
| 任意字符串 | string | 
| 任意函数 | function | 
| 任意非函数 | object | 


# delete操作符 
## 说明 
delete是一元操作符，尝试删除其操作数指定的对象属性或数组元素 

## 注意 
被删除的属性或数组元素会被设置为undefined值


# 三元运算符 
## 说明 
条件成立则返回一个值，否则返回另一个值 

## 语法 
条件?条件成立时候的值:条件不成立时候的值

## Eg 
```javascript
var a = 1;
var b = 2;
console.log(a>b?a:b);
//结果为：
2
```

### 参数 
值同样可以写表达式，完成嵌套多条件判断 


# JS运算符优先级 

| 优先级 | 预算类型 | 关联性 | 运算符|
| ---|---|---|---|
| 19 | 圆括号| n/a |　( … )　|
| 18 | 成员访问 | 从左到右 | … . … |
| 18 | 需要计算的成员访问 |从左到右 | … [ … ] |
| 18 | new (带参数列表) | n/a	| new … ( … ) |
| 17 | 函数调用　|　从左到右　| … ( … ) |
| 17	| new (无参数列表) | 从右到左 | new … |
| 16 | 后置递增(运算符在后) | n/a |	… ++ |
| 16 | 后置递减(运算符在后) | n/a |	… -- |
| 15 | 逻辑非 | 从右到左 | ! … |
| 15 | 按位非 | 从右到左 | ~ … |
| 15 | 一元加法 | 从右到左 |+ … |
| 15 | 一元减法 | 从右到左 | - … |
| 15 | 前置递增 | 从右到左 | ++ … |
| 15 | 前置递减 | 从右到左 | -- … |
| 15 | typeof | 从右到左 |typeof … |
| 15 | void | 从右到左 | void … |
| 15 | delete | 从右到左 | delete … |
| 14 | 乘法 | 从左到右 | … * … |
| 14 | 除法 | 从左到右 | … / … |
| 14 | 取余 | 从左到右 | … % … |
| 13 | 加法 | 从左到右 | … + … | 
| 13 | 减法 | 从左到右 | … - … | 
| 12 | 按位左移 | 从左到右 | … << … | 
| 12 | 按位右移 | 从左到右 | … >> … | 
| 12 | 无符号右移 | 从左到右 | … >>> … | 
| 11 | 小于 | 从左到右 | …< … | 
| 11| 小于等于 | 从左到右 | … <= … | 
| 11 | 大于 | 从左到右 | … > … | 
| 11 | 大于等于 | 从左到右 | … >= … | 
| 11 | in | 从左到右 | … in … | 
| 11 | instanceof | 从左到右 | … instanceof … | 
| 10 | 等号 | 从左到右 | … == … | 
| 10 | 非等号 | 从左到右 | … ！= … | 
| 10 | 全等号 | 从左到右 | … === … | 
| 10 | 非全等号 | 从左到右 | … !== … | 
| 9 | 按位与 | 从左到右 | … & … | 
| 8 | 按位异或 | 从左到右	|… ^ … | 
| 7 | 按位或 | 从左到右 | … | … | 
| 6 | 逻辑与 | 从左到右 | … && … | 
| 5 | 逻辑或 | 从左到右 | … || … | 
| 4 | 条件运算符 | 从右到左 | … ? … : … | 
| 3 | 赋值 | 从右到左 | … = … | 
| 3 | 赋值 | 从右到左 | … += … | 
| 3 | 赋值 | 从右到左 | … -= … | 
| 3 | 赋值 | 从右到左 | … *= … | 
| 3 | 赋值 | 从右到左 | … /= … | 
| 3 | 赋值 | 从右到左 | … %= … | 
| 3 | 赋值 | 从右到左 | … <<= … | 
| 3 | 赋值 | 从右到左 | … >>= … | 
| 3 | 赋值 | 从右到左 | … >>>= … | 
| 3 | 赋值 | 从右到左 | … &= … | 
| 3 | 赋值 | 从右到左 | … ^= … | 
| 3 | 赋值 | 从右到左 | … |= … | 
| 2 | yield | 从右到左 | yield … | 
| 2 | yield\* | 从右到左 | yield* … | 
| 1 | spread | n/a | ... … | 
| 0 | 逗号 | 从左到右 | … , … |