add

Author: webVueBlog

README.md

@@ -30,6 +30,12 @@ https://github.com/webVueBlog/Leetcode
 - 263.[promise.then](./阶段九/then.js)
 - 264.[then返回值的处理技巧](./阶段九/then返回值的处理技巧.js)
 - 265.[promise封装ajax](./阶段九/promise封装ajax.js)
+- 266.[封装setTimeout定时器](./阶段九/封装setTimeout定时器.js)
+- 267.[promise队列原理](./阶段九/promise队列原理.js)
+- 268.[异步封装到类内部](./阶段九/异步封装到类内部.js)
+- 269.[class和await的结合](./阶段九/class和await的结合.js)
+- 270.[用reduce实现promise队列](./阶段九/用reduce实现promise队列.js)
+
 
 ## 🧑🏻 阶段八
 

阶段九/class和await的结合.js

@@ -0,0 +1,18 @@
+//如果一个类中包含then方法
+//他会被包装成一个promise
+class User {
+    constructor(name) {
+        this.name = name;
+    }
+    then(resolve, reject) {
+        setTimeout(() => {
+            console.log(124);
+            resolve();
+        }, 1000);
+    }
+}
+async function get() {
+    await new User();
+    console.log('dada');
+}
+get();

阶段九/promise队列原理.js

@@ -0,0 +1,16 @@
+//下个promise得等上一个promise完成再走 按顺序执行promise任务
+let promise = Promise.resolve('dada');
+promise
+    .then((v) => {
+        console.log(v);
+        return {
+            then(resolve, reject) {
+                setTimeout(() => {
+                    resolve('我也返回一个成功的状态');
+                }, 2000);
+            },
+        };
+    })
+    .then((v) => {
+        console.log(v);
+    });

阶段九/封装setTimeout定时器.js

@@ -0,0 +1,14 @@
+function timeout(delay = 1000) {
+    return new Promise((resolve, reject) => {
+        setTimeout(() => {
+            resolve();
+        }, delay);
+    });
+}
+
+timeout(2000).then(() => {
+    console.log('两秒第一');
+    return timeout(2000)
+}).then(v => {
+    console.log('四秒第二');
+})

阶段九/异步封装到类内部.js

@@ -0,0 +1,10 @@
+class User {
+    async get(name) {
+        return setTimeout(() => {
+            console.log(name + "dada");
+        }, 1000);
+    }
+}
+new User().get('da').then(user => {
+    console.log(user);
+})

阶段九/用reduce实现promise队列.js

@@ -0,0 +1,15 @@
+function reduceList(list) {
+    list.reduce((promise, currentValue) => {
+        // promise 初始值,或者计算结果后的返回值
+        return Promise.then(() => {
+            return new Promise((resolve) => {
+                setTimeout(() => {
+                    console.log(currentValue);
+                    resolve();
+                }, 1000);
+            });
+        });
+    }, Promise.resolve());
+}
+
+reduceList([1, 2, 3, 4, 5]);