<meta charset="utf-8">

Promise对象

1. 理解:

• Promise对象: 代表了未来某个将要发生的事件(通常是一个异步操作)

• 有了promise对象, 可以将异步操作以同步的流程表达出来, 避免了层层嵌套的回调函数(俗称'回调地狱')

• ES6的Promise是一个构造函数, 用来生成promise实例

2. 使用promise基本步骤(2步):

• 创建promise对象

let promise = new Promise((resolve, reject) => {

//初始化promise状态为 pending

//执行异步操作

if(异步操作成功) {

resolve(value);//修改promise的状态为fullfilled

} else {

reject(errMsg);//修改promise的状态为rejected

}

})

• 调用promise的then()

promise.then(function(

result => console.log(result),

errorMsg => alert(errorMsg)

))

3. promise对象的3个状态

• pending: 初始化状态

• fullfilled: 成功状态

• rejected: 失败状态

4. 应用:

• 使用promise实现超时处理

• 使用promise封装处理ajax请求

let request = new XMLHttpRequest();

request.onreadystatechange = function () {

}

request.responseType = 'json';

request.open("GET", url);

request.send();

image image image

class

1. 通过class定义类/实现类的继承

2. 在类中通过constructor定义构造方法

3. 通过new来创建类的实例

4. 通过extends来实现类的继承

5. 通过super调用父类的构造方法

6. 重写从父类中继承的一般方法

image image

字符串扩展

1. includes(str) : 判断是否包含指定的字符串

2. startsWith(str) : 判断是否以指定字符串开头

3. endsWith(str) : 判断是否以指定字符串结尾

4. repeat(count) : 重复指定次数

image

数值扩展

1. 二进制与八进制数值表示法: 二进制用0b, 八进制用0o

2. Number.isFinite(i) : 判断是否是有限大的数

3. Number.isNaN(i) : 判断是否是NaN

4. Number.isInteger(i) : 判断是否是整数

5. Number.parseInt(str) : 将字符串转换为对应的数值

6. Math.trunc(i) : 直接去除小数部分

image

数组扩展

1. Array.from(v) : 将伪数组对象或可遍历对象转换为真数组

2. Array.of(v1, v2, v3) : 将一系列值转换成数组

3. find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素

4. findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标

image

对象扩展

1. Object.is(v1, v2)

• 判断2个数据是否完全相等

2. Object.assign(target, source1, source2..)

• 将源对象的属性复制到目标对象上

3. 直接操作 proto 属性

let obj2 = {};

obj2.proto = obj1;

image

ES7

1. 指数运算符(幂): **

2. Array.prototype.includes(value) : 判断数组中是否包含指定value

<script type="text/javascript">

console.log(2 ** 3);//8

let arr = [1,4,5,6,'abc'];

console.log(arr.includes('a'));//false

console.log(arr.includes('abc'));//true

console.log(arr.includes(4));//true

</script>