es6 生成器和Promise（es6学习笔记04）

最新推荐文章于 2024-05-13 00:19:28 发布

Sandy_Star

最新推荐文章于 2024-05-13 00:19:28 发布

阅读量385

点赞数 1

分类专栏：前端文章标签： es6 javascript Promise 生成器

本文链接：https://blog.youkuaiyun.com/weixin_48931875/article/details/113528068

版权

本文详细介绍了ES6中的生成器（Generator）及其特点，包括声明、yield语句、参数传递和应用实例。同时，文章还深入探讨了Promise的概念、then方法的使用、Promise的链式调用以及在文件读取和Ajax请求中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：本篇主要记下生成器和Promise

一、生成器

生成器其实就是一个特殊的函数。

生成器函数：是es6提供的一种**异步编程**解决方案，语法行为与传统函数完全不同。

异步编程：简单来说就是纯回调函数，例如node、fs、ajax、MongoDB等

1.1生成器的声明

在函数名前面加*

//声明特殊
function * hong(){
   
     console.log("你好，红红"); //并不会直接输出
}
//执行特殊
let iterator = hong();
terator.next();  //调用.next才会输出“你好，红红”（迭代器）

在这里插入图片描述

注：执行语句直接调用不会执行，要通过.next方法去调用

1.2函数代码分隔符—yield

把函数内部分割成一段一段的

//函数代码的分隔符 yield的使用
function *lv(){
   
    console.log(111);
    yield '我分隔';
    console.log(222);
    yield '我分隔,到我停止';
    console.log(333);
    yield '我再分隔';
    console.log(444);
}
let lvtor = lv();
lvtor.next();    //调用一次，输出111
lvtor.next();    //接着调用，接着输出222
lvtor.next();    //接着调用，接着输出333
//console.log(lvtor.next());  执行获取迭代器的对象

//遍历
for(let v of lv()) {
   
     console.log(v);
}

以上分隔结果：
在这里插入图片描述

遍历结果：

在这里插入图片描述

1.3 生成器函数的参数传递

next的参数作为前一个yield语句的返回值

//生成器函数的传参
function * mini(arg){
   
     console.log(arg);
     let one = yield 111;
     console.log(one);
     let two = yield 222;
     console.log(two);
     let three = yield 333;
     console.log(three);
}

let itor = mini('AAA');
console.log(itor.next());
//next方法可以传入实参
console.log(itor.next('BBB')); //为yield111传入参数
console.log(itor.next('CCC'));
console.log

最低0.47元/天解锁文章