ES6 Promise的then方法，Set集合实例，class类各个实现和继承（三）

resolve(“用户数据”);

// reject(“错误”);

},1000);

});

const result = p.then(value => {

console.log(value);

//1. 非promise类型的属性

// return ‘非promise’;

//2. 是promise对象。对应两种resolve正常抛出和reject错误抛出

// return new Promise((resolve,reject)=>{

// // resolve(‘ok’); //resolve正常抛出

// reject(‘error’); //使用reject抛出错误

// });

// 3. throw 抛出错误

// throw “error”;

},reason => {

console.warn(reason);

});

console.log(result);

1.5 Promise then方法读取多个链式文件异步

---

完成类似的这种链式关系，可以再次在then方法内返回一个Promise对象，这就是一个重点。

案例：

const fs = require(‘fs’);

const { resolve } = require(‘path/posix’);

// 通过promise来实现下面注释代码的内容。

// fs.readFile(“./fs/测试.md”,(err,data)=>{

// fs.readFile(“./fs/测试2.md”,(err2,data2)=>{

// fs.readFile(“./fs/测试3.md”,(err3,data3)=>{

// let result = ${data}${data2}${data3};

// console.log(result);

// });

// });

// });

const p = new Promise((resolve, reject) => {

fs.readFile(“./fs/测试.md”, (err, data) => {

resolve(data);

});

});

p.then((value) => {

//完成上面的那种链式关系，可以再次在then方法内返回一个Promise对象。

return new Promise((resolve, reject) => {

fs.readFile(“./fs/测试2.md”, (err, data) => {

resolve([value, data]);

});

})

}).then((value) => {

return new Promise((resolve, reject) => {

fs.readFile(‘./fs/测试3.md’, (err, data) => {

//此时这里的value已经是一个数组了。

value.push(data);

resolve(value);

})

});

}).then((value) => {

//打印上面的三个结果

console.log(value.join(‘\r\n’));//将数组内的结果进行拼接，添加上回车。

});

1.6 Promise catch

---

catch和then方法没多大区别，都可以抛出错误。

2. ES6 新的数据结构Set(集合)

==================================================================================

2.1 Set 集合介绍

---

ES6提供了新的数据结构Set(集合)。类似于数组，但成员的值都是唯一的，因为集合实现了iterator接口，所以可以使用扩展运算符和for … of 来进行遍历。

集合的属性和方法：

**1. size 返回集合的元素个数。

2. add 增加一个新元素，返回当前集合。

3. delete 删除元素，返回boolean值。

4. has 检测集合中是否包含该元素返回boolean值。

5. 使用clear() 清空集合内容。

6. 使用for … of 来遍历集合。**

案例：

2.2 Set集合实用

---

通过下面的案例能够更加了解Set对象一些特性。Set对象内部没有重复的数据，所以经常转换数组一些小操作，例如：数组去重，算交集，并集，差集等。

3. ES6 Map数据结构

============================================================================

ES6提供了Map数据结构。它类似于对象，也是键值对的集合。但是，" 键 "的范围不限于字符串，各种类型的值(包括对象)都可以当作键。Map也是先了iterator接口，因此，也可以是用扩展运算符和for … of进行遍历。

map的属性和方法：

**1. size Map元素的个数。

2. set 增加一个新元素，返回当前的Map。

3. get 返回键名对象的键值。

4. has 检测Map中是否包含某个元素，返回boolean值。

5. delete 删除某个元素，要指定键名。

6. clear() 清空，返回undefined。**

案例：

4. ES6 class类

===========================================================================

4.1 了解ES5的实现方法

---

ES5一般是用prototype来给函数创建方法来调用的。

4.2 ES6 的class实现

---

这里使用class来模拟上面情况，需要注意的是：constructor构造函数固定，方法定义格式必须要个按照下面定义的形式。

4.3 class 静态成员

---

要理解：实例对象 , 函数对象 , 类的调用关系！！

注意一下几点：

**1. 实例对象属性和函数对象的属性不是互通的。不能相互调用。

2. 实例对象的属性和构造函数的原型对象是想通的**

<meta name=“viewport” content="width=

, initial-scale=1.0">

对于class而言，和上面差不多，静态成员是static定义的。而且需要记住在class中定义的static，属于类，并不能被实例对象所调用。

<meta name=“viewport” content="width=

, initial-scale=1.0">

4.4 ES5的继承表现

---

ES5的继承主要通过函数的prototype来实现。

注意下面：

设置子级函数构造函数的原型是父级函数，这样子级函数就可以调用父级函数的方法了。

4.6 class类继承表现

---

对于class继承，就和后端语言差不多形式，extends的继承。

注意：

**可以进行函数重载，就是重新在子类定义函数即可。

super()这个方法，只能用于constructor构造函数，不能用于其他的普通方法中。**