# Math对象 
## 说明 
用于执行数学任务 



## Math方法 
### abs() 
#### 说明 
取x的绝对值 
#### 语法
```
Math.abs(x)
```
### round() 
#### 说明 
四舍五入取整 
#### 语法 
```
Math.round()
```

### ceil() 
#### 说明
向上取整
#### 语法 
```
Math.ceil(x)
```

### floor() 
#### 说明 
向下取整
#### 语法 
```
Math.floor(x)
```

### min() 
#### 说明 
返回指定数字中的最小值 
不接受数组作为参数，只能为参数序列
#### 语法 
```
Math.min(n1,n2,n3,...,nX)
```

### max() 
#### 说明 
返回指定数字的最大值 
不接受数组作为参数，只能为参数序列 
#### 语法 
```
Math.max(n1,n2,n3,...,nX)
```

### random() 
#### 说明 
返回 0(包含0) ~ 1(不包含1) 之间的随机数 
#### 语法 
```
Math.random()
```

### pow() 
#### 说明 
返回x的y次幂 
#### 语法 
```
Math.pow(x,y)
```

JS-对象_内置Match对象

# 说明 
数组对象是使用单独的变量名来存储一系列值的有序集合 
# 构成 
由中括号包裹多个同类数据且多个数据以逗号隔开 



# 注意 
JavaScript的数组可以包括任意数据类型（同一数组的不同元素可以是不同的类型 ），如任意类型的值，表达式、字符串等等 

# 语法 
```javascript
arr=[value,value,value,value]
```

# 创建数组的方法 
## 字面量创建 
## Array()构造函数创建 
### 语法 
```
new Array()
```
### 说明 
- 当参数为无时，返回一个空数组 
- 当参数为正整数时，表示返回的新数组的长度 
- 当参数为非正整数的值时，会报错 
- 当参数为单个非数值（字符串、布尔、对象）,则返回的是一个包含改参数的数组 
- 多参数时，所有参数都是返回的新数组的成员 


# 对数组的访问和操作 
## 查找 
### 通过索引查找 
```javascript
arr[index]
```
### 使用for循环遍历 
```javascript
var a = [1,2,3];
for (var i = 0;i < 3;i++) {
 console.log(a[i])
}
```

## 增加 
索引和赋值实现，当索引大于数组长度时则会增加元素 
```javascript
arr[index] = newValue
```

## 修改 
索引和赋值实现，当索引存在与数组长度内，此时由索引取值后赋值即可修改 
```javascript
arr[index] = newValue
```

## 删除 
length属性实现，当设置的长度小于数组长度则会截断数组 
```javascript
var a = [1, 2, 3];
a.length = 2;
console.log(a)
```

## 多维数组 
数组中嵌套数组，称为多维数组，常见的有二维数组 
Eg二维数组: 
```javascript
var arr=[
 1,
 2,
 [
 "hello",
 "world"
 ]
]
//此时访问hello
console.log(arr[2][0])
```



# 数组的属性和方法 
## 数组的属性 
### length属性 
获取数组长度 
使用数组的length属性 
```javascript
arr.length
```

## 数组方法 
### toString() 
#### 作用 
将其转为字符串，并且以逗号拼接 
#### 语法 
```javascript
array.toString()
``` 
#### 语法示例 
```javascript
var a = [1,2,3];
var b = a.toString();
console.log(b+typeof(b));
/*
输出： 1,2,3string 
*/
```

### join() 
#### 说明 
把数组中的所有元素转换一个字符串,如果不指定拼接符则默认使用逗号拼接 
#### 返回值 
返回一个字符串。该字符串是通过把 arrayObject的每个元素转换为字符串，然后在这些字符串两个元素之间插入separator拼接符生成 
#### 语法 
```javascript
array.join(separator)
```

### slice() 
#### 说明 
提取数组的某个部分，并以新的字符串返回被提取的部分含头不含尾 
#### 语法 
```javascript
array.slice(start, end) 
```
##### 参数 
参数 | 说明
---|---
start | 规定从何处开始选取，若为负数则表示从原数组的倒数第几个元素开始提取，从右往左提取 
end | 规定从何处结束选取，若此参数省略，则表示直接选取到数组结束；若此参数为负数，原数组中的倒数第几个元素结束抽取 

#### Eg 
```javascript
var a = [1, 2, 3,4,5,6];
var c = a.slice(0,4);
var c2=a.slice(-3,-1);
console.log(c);
console.log(c2);
/*
 [ 1, 2, 3, 4 ]
 [ 4, 5 ]
*/
```


### indexOf() 
#### 说明 
查找数组内元素，查找到则返回对应索引，若没有查找到则返回-1 
#### 语法 
```javascript
array.indexOf(x，start)
```
x: 查找的字符串值 
start:规定从何处开始查找 


### map() 
#### 说明 
通过指定函数处理数组的每个元素，并返回处理后的数组(新数组的每个元素由调用原始数组中的每一个元素执行提供的函数得到) 
#### 特点 
新数组个数和原数组一致 
适用于对数组进行处理，且后续还要使用的场景 
括号中必须使用函数作为参数 

#### 语法 
```javascript
array.map(function(currentValue,index,arr), thisValue)
```
##### 参数 
默认情况下也会传入三个函数参数 
function(currentValue,index,arr）：必须，函数，可以直接定义函数后调用函数名 
currentValue： 必须 当前元素的值 
index: 可选，当前元素的索引值 
arr: 可选，当前元素属于数组对象 
thisValue: 可选。对象作为该执行回调时使用，传递给函数，用作"this"的值。如果省略了thisValue，或者传入null、undefined，那么回调函数的this为全局对象。 

#### 示例 
```javascript
var a = [1, 2, 3, 4, 5];
function fn(i) {
 c = i*2;
 return c;
};
var b = a.map(fn);
console.log(b)
/*
 返回结果： 
 [2,4,6,8,10]
*/
```



### filter() 
#### 说明 
检测数组元素，并返回符合条件所有元素的数组 
括号中必须使用函数作为参数 

#### 语法 
```javascript 
array.filter(function(currentValue,index,arr), thisValue)
```
##### 参数 
function： 必须。函数，数组中的每个元素都会执行这个函数 
currentValue： 必须 当前元素的值 
index: 可选，当前元素的索引值 
arr: 可选，当前元素属于数组对象 


#### Eg 
```javascript
var a = [1, 2, 3, 4, 5];
function fn(i) {
 return i>2;
};
var b = a.filter(fn);
console.log(b)
/* 
 【3，4，5】
*/ 
```

### concat() 
#### 说明 
用于连接两个或多个数组 
#### 返回值 
返回被连接数组的一个副本 
#### 语法 
```javascript
arr1.concat(arr2)
```


### forEach() 
#### 说明 
调用数组的每个元素，并将元素传递给回调函数 
#### 特点 
forEach() 对于空数组是不会执行回调函数的 
#### 语法 
```javascript
array.forEach(function(currentValue, index, arr), thisValue) 
```


### some() 
#### 说明 
检测数组元素中是否有元素符合指定条件 
#### 特点 
- 如果有一个元素满足条件，则表达式返回true,剩余的元素不会再执行检测。 
- 如果没有满足条件的元素，则返回false 
- some() 不会对空数组进行检测 
- some() 不会改变原始数组 
#### 语法 
```
array.some(function(currentValue,index,arr),thisValue)
```


### includes() 
#### 说明 
检测数组元素中是否含有指定的值，如果有则返回true，否则返回flase 
#### 语法 
```
arr.includes(searchElement, fromIndex)
```
searchElement：要查找的元素 
fromIndex：从何处开始查找

<hr>
以上方法无法直接修改数组 
<hr> 

### push() 
#### 说明 
向数组的末尾添加一个或更多元素，并返回新的长度 

#### 语法 
```javascript
array.push(item1, item2, ..., itemX)
```
##### 参数 
item: 必须，添加到数组中的元素 



### unshift() 
#### 说明 
向数组的开头添加一个或更多元素，并返回新的长度 

#### 语法 
```javascript
array.unshift(item1,item2, ..., itemX)
```
##### 参数 
tem1,item2, ..., itemX 	可选，向数组起始位置添加一个或者多个元素 



### pop() 
#### 说明 
删除数组最后一个元素,并返回删除的元素 

#### 语法 
```javascript
array.pop()
```

### shift() 
#### 说明 
删除数组第一项，并返回删除的元素 

#### 语法 
```javascript
array.shift()
```

### splice() 
#### 说明 
添加或删除数组中的元素 

#### 语法 
```javascript
array.splice(index,howmany,item1,.....,itemX)
```
##### 参数 
index:必需,且为数字规定从何处添加/删除元素 
howmany:必需,且为数字,规定应该删除多少元素 
item1...itemn：要添加到数组的新元素 

##### 返回值 
若从原数组中删除了元素，返回的时被删除元素组成的数组 

##### Eg
```javascript
var a = [1, 2, 3, 4, 5];
var b = a.splice(1,2);
console.log(b);
/*
 输出结果
 [2,3]
*/ 
```


### reverse() 
#### 说明 
反转数组的元素顺序（倒序排列） 

#### 语法 
```javascript
array.reverse()
```

##### 返回值 
倒序排列后的数组



### sort() 
#### 说明 
对数组的元素进行排序,按照unicode编码排序 

#### 语法 
```javascript
array.sort(sortfunction) 

/*
sortfunction:(a,b)=>{a-b},
该函数接受两个默认参数，依次为：第一个用于比较的元素、第二个用于比较的元素 
*/
```

| compareFn(a, b) 返回值	| 排序顺序 |
| --- | --- | 
| > 0	| a 在 b 后|
| < 0	| a 在 b 前|
| === 0	| 保持 a 和 b 的顺序|

> 常用升序排序，数组内不包含NaN、Infinite
> (a,b)=>{a-b}

---
# 补充方法
---
### isArray() 
#### 说明 
用于判断传入的值是否为数组，是则返回true，否则返回false 
#### 语法 
```
Array.isArray(obj)
```

### reduce() 
#### 说明 
接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值 
#### 语法 
```
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
```
function:必需。用于执行每个数组元素的函数 
 - total 必需。初始值,或者计算结束后的返回值。
 - currentValue 	必需。当前元素
 - currentIndex 	可选。当前元素的索引
 - arr 	可选。当前元素所属的数组对象 

initialValue: 可选。传递给函数的初始值

JS-对象_内置Array对象

## 说明
JavaScript的对象是一种无序的集合数据类型，它由若干键值对组成，常用于描述一类事物 



# 语法
## 语法
```javascript
{key:value,key:value...}
```
## 说明 
由花括号包裹的多个键值对，且相邻键值对之间用逗号隔开 
## 注意
- 对象的key只能为字符串类型，索引引号可以省略 
- key值使用中括号则表示为变量，此时未声明则报错 
- value值为字符串必须遵从字符串格式 
- value：可以是值和变量 

# 创建对象 
- 字面量创建 
- 工厂方法创建 
- 构造函数创建 

## 工厂方法创建 
### 说明 
当要创建一批对象，且多个对象具有共同点时将多个共同点封装到一个函数中，后续通过该函数创建对象

### 缺点 
使用工程函数创建的对象都是同一类型的对象，无法区分 


## 构造函数创建 
### 说明 
声明函数，函数名首字母大写，再使用new关键字加上构造函数 
### 语法 
```javascript
function Fn() {
 
}
var newFn = new Fn()
```
 

# 对对象的访问和操作 
## 访问对象 
使用点操作符和中括号操作符 
```
object.tag 
object[pressions]
```
### 参数 
object: 对象 
tag: 命名属性的简单标识符 
pressions：表达式结果为包含目的属性名的字符串或一个可以转换为字符串或符号的值 


## 添加对象属性 
### 语法 
```
object.tag = newValue 
object[pressions] = newValue 
```
此时当tag\pressions不在对象中，则是在对象末尾添加,若存在则是修改 

## 遍历对象属性 
```javascript
for (var 变量名 in 要遍历的对象) {
 变量名代表的是属性
}
```

如果需要访问对象的值 

```javascript
for (var 变量名 in 要遍历的对象) {
 //属性名为变量则需要加中括号 
 obj.[key]
}
```

JS-对象_对象的概念

# 对象分类与基本包装类型
## 对象分类 
- 内置对象 
- 自定义对象 



### 内置对象
### 说明 
内置对象：js中已经存在的，有着现成的属性和方法供我们使用 
js中一共26个内置对象

## 基本包装类型 
### 说明 
为了便于操作基本类型值，ECMAScript还提供了 3 个特殊的引用类型：Boolean、Number和String。 

### 原理 
实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们
能够调用一些方法来操作这些数据。 


## 引用类型和基本包装类型的区别 
引用类型与基本包装类型的主要区别就是对象的生存期 
使用 new 操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中。而自动创建的基本包装类型的对象，则只存在于一行代码的执行瞬间，然后立即被销毁。 


# String包装对象
## 注意点
字符串无法更改，只能重新赋值 

## 字符串的访问 
### 说明
字符串可以使用索引访问但是无法修改 
### 语法 
```
string[index]
```

## 字符串的属性 
### 说明 
字符串具有length属性，返回字符串中字符的长度(字符个数) 
### 语法 
```
string.length
```

## 字符串的方法 
### toUpperCase() 转大写 
```
string.toUpperCase()
```

### toLowerCase() 转小写 
```
string.toLowerCase()
```

### substring() 提取子字符串 
提取两个下标之间的子字符串，含头不含尾 
```
string.substring(start,end)
```
start：开始截取位置,包含 
end：结束截取位置,不包含 

### slice() 提取子字符串 
本质上是数组的一种方法，使用上和substring一致 
```
string.slice()
```

### indexOf() 查找指定字符 
查找字符串中的指定子字符串第一次出现的位置，找到则返回对应的索引，未找到则返回-1(负一) 
```
string.indexOf(sonString,start)
```
sonString：要查找的子字符串 
start：从何处开始查找 

### split() 切割子字符串 
使用切割符切割字符串为字符串数组 
```
string.split(separator)
```
#### 特点 
- 若切割符在目标中含有多个，则相邻切割夫直接会有空字符
- 切割符必须加引号
- 若切割符在开始或末尾则会产生空字符
- 若切割符不存在则会将字符串转为数组 


# Number包装对象 
## toString(转字符串) 
### 说明 
把数字转换为字符串 
### 语法 
```
number.toString(radix)
```
#### 参数 
radix: 可选。规定表示数字的基数，是 2 ~ 36 之间的整数。若省略该参数，则使用基数10;如果该参数是10以外的其他值，ECMAScrip标准允许实现返回任意值。
 - 2 - 数字以二进制值显示
 - 8 - 数字以八进制值显示
 - 16 - 数字以十六进制值显示

## toFixed(n) 
### 说明 
按照几位小数(n)取整，保留几位小数 
### 语法 
```
number.toFixed(x)
```
#### 参数 
x： 规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，省略该参数则默认为零 


# Boolean包装对象
## 创建Boolean对象的语法 
```
new Boolean(value);	//构造函数
Boolean(value);		//转换函数
```
## 说明 
当作为一个构造函数（带有运算符 new）调用时，Boolean() 将把它的参数转换成一个布尔值，并且返回一个包含该值的 Boolean 对象。

如果作为一个函数（不带有运算符 new）调用时，Boolean() 只将把它的参数转换成一个原始的布尔值，并且返回这个值。

## Boolean方法 
### toString() 
#### 说明 
把逻辑值转换为字符串，并返回结果

JS-对象与基本包装类型

## 作用域 
### 概念 
指可以访问的变量的集合，也可以认为一个变量的可用范围 



### 分类 
- 全局作用域 
 函数外，全局不能访问局部的数据 
- 局部作用域 
 函数内, 局部内可以访问全局的数据 

### 说明 
在JavaScript中，使用var创建的变量是具有作用域的 

### 全局变量 

### 局部变量 
在JavaScript函数中声明的变量，会成为函数的局部变量 

### 注意点
注意js执行顺序从上而下 

JS中对于未声明的变量a（包括函数内变量）直接赋值，则会自动在全局声明，若全局有变量a则此时函数调用会修改全局变量a的值，若函数内部有var变量则考虑变量提升，此时直接赋值则修改局部变量a
```javascript
var a = 14;
function fn() {
 a = 13; //调用fn()函数，这一步函数内并没有声明//变量a,js自动全局声明变量a,再执行修改//全局变量a的值为13
}
fn();
console.log(a);
// 输出结果为： 
// 13
```

函数不调用不执行，局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁 

函数调用时传入形参，会自动在函数内声明 

局部变量只在函数作用域内生效，所以不同函数中变量名可以相同 


全局无法访问局部，局部可以访问全局，两个单独的局部无法相互访问 

JavaScript的函数在查找变量时从自身函数开始，内部变量没有声明时则从“内”向“外”查找,内部定义了则用内部的，内部没有则有外部定义的 



## JavaScript 变量生命周期 
JavaScript 变量生命周期在它声明时初始化 
局部变量在函数执行完毕后销毁 
全局变量在页面关闭后销毁 


## 作用域链 
### 说明 
查找变量的过程称之为作用域链 
从自身作用域逐渐向上查找，找到则停止查找；若直到外部全局作用域都未找到则报错 


# 闭包
## 闭包的概念 
指有权访问另一个函数作用域中的变量的函数 
## 闭包的作用 
避免全局作用域污染 
即将只需使用一两次的变量使用闭包的方式存放在函数中便能避免污染全局作用域 

## 闭包的缺点 
- 闭包将函数的活动对象维持在内存中，过度使用闭包会导致内存占用过多；

- 闭包只能取得外部函数中任何变量的最后一个值，在使用循环且返回的函数中带有循环变量时会得到错误结果； 


```
function createFunction() {
 var result = new Array();
 for (var i = 0; i < 10; i++) {
 result[i] = function() {
 return x
 }
 }
 return result;
}
var funcArray = createFunction();
for (let func of funcArray) {
 console.log(func())
}
//运行结果为10，因为result[i]直接保存的是一个匿名函数，当调用匿名函数时循环已经结束，此时i的值为10 
```

- 当返回的函数为匿名函数时，注意匿名函数中的this指的是window对象。