植物园门户网站建设方案,网站点击赚钱怎么做,wsp网站开发,易语言可以做网站后端目录 1.生成器Generator
2.解决回调地狱的三种方法
3. Promise对象
3.1什么是Promise对象
3.2Promise对象解决异步地狱问题
3.3Promise对象的三种状态和两个过程
3.4Promise的then方法 1.生成器Generator 生成器主要用来解决异步操作的问题。是一个异步编程的解决方案可以防止回调地狱多层回调函数套在一起的情况的发生。 script// 生成器函数// 关键字 yield 中断生成器function* Gen() {console.log(AAA);yield 返回AAA;console.log(bbb);yield 返回bbb;console.log(ccc);yield 返回ccc;}let itertator Gen()console.log(itertator.next()); //返回一个对象Object /* done : falsevalue: 返回AAA */itertator.next();itertator.next();/script
生成器区别于其他函数最关键的一项就是生成其中是有*号的但是对*号的位置却没有限制可以写在function前也可以写在function后。生成器函数返回的结果是迭代器 iterator对象调用迭代器对象的 next 方法可以得到yield 语句后的值生成器可以传参也可以不传参。在生成器中 yield关键字有中断、暂停的作用也可以将yield理解为是一个分隔符每调用一次next方法执行一段代码。 yield后面还可以跟一个值或表达式调用next 方法可以得到next 方法可以传递实参作为 yield 语句的返回值 scriptfunction* gen(arg) {console.log(111, arg);let a yield aaa;
//此时虽然声明了变量a但却没有将yield aaa赋值给a
//因为系统认定yield aaa的结果是undefinedconsole.log(222, a);
//这个a取到的数值是我们第二次调用next()方法传过来的实参结果是bablet b yield bbb;console.log(333, b);yield ccc;}let ittt gen(444);console.log(ittt.next());console.log(ittt.next(bab));console.log(ittt.next(cbc));/script
2.解决回调地狱的三种方法
方法一用生成器来解决 scriptfunction one() {setTimeout(function () {console.log(1);console.log( iii.next());}, 2000);};function two() {setTimeout(function () {console.log(2);console.log( iii.next());}, 500);};function three() {setTimeout(function () {console.log(3);console.log( iii.next());}, 1000);};function* time() {// one();yield one();// two();yield two();// three();yield three();};let iii time();iii.next();/script 方法二Prominse对象中then方法来解决 方法三async await
3. Promise对象
3.1什么是Promise对象
Promise是一个原生对象他本身就是一个构造函数 需要用new Promise(回调函数)来进行实例化
这个对象和我们之前学习的对象不太一样他的传参相对来说要复杂一些Promise对象的参数就相当于一个函数。
let pnew Promise((resolve成功函数,reject(失败函数)){})3.2Promise对象解决异步地狱问题 Promise是异步编程的一种解决方案相当于一个容器放的程序是异步代码它里面保存着某个未来才会结束的事件比如ajax请求从语法上说 Promise是一个对象从它可以获取异步操作的消息。Promise提供统的API各种异步操作都可以用同样的方法进行处理。
3.3Promise对象的三种状态和两个过程 Promise对象代表一个异步操作有三种状态 三个状态状态是不可逆1等待状态pending2成功状态 fulfilled(resolve)3失败状态 rejected 两个过程从等待到成功从等待到失败。
3.4Promise的then方法 then的第一个参数就是是用于实现 resolve()方法; 第二个参数就是用于实现 reject()方法.调用 resolve(); 相当于 执行then 是第一个函数。 scriptlet num Math.floor(Math.random() * 10);console.log(num);let p1 new Promise((resolve, reject) {// resolve是一个函数名成功// reject是一个函数名失败if (num 5) {resolve();// resolve 为一个函数当调用这个函数时promise的状态会从等待到成功} else {reject();// reject也是一个函数 当调用这个函数时promise状态会从等待到失败}});console.log(p1);// then() Promise.prototype.then// then()方法中有两个参数参数一是回调函数 resolve这个函数的实现// 参数二是回调函数 reject这个函数的实现p1.then(() {// 这个花括号里面写入的是resolve函数的代码console.log(成功);}, () {// 这个花括号里面写入的是reject函数的代码console.log(失败);})/script
