zoukankan      html  css  js  c++  java
  • es6中的generator函数

    基本用法:

    1、这个函数与普通函数区别是定义的时候有个*  是个状态机

    2、一般和yield连用    

    3、通过next方法一步步执行

     

    默认会返回一个遍历对象 有两个属性

    Value:代表内部状态的值    done:代表是否迭代完成

    (下面没有内容结束就是true

     

    1、generator

    (1)Generator函数是ES6提供的一种异步编程的解决方案;
    (2)Generator函数是一个状态机,封装了多个内部状态,执行Generator函数会返回一个遍历器对象,

      也就是说,Generator函数除了是状态机,还是一个遍历器对象生成函数。

      返回的遍历器对象,可以依次遍历Generator函数内部的每一个状态。

    2.Generator函数的特征:

    (1)function 关键字与函数名之间有一个*号;
    (2)Generator函数内部使用yield表达式,定义内部的不同状态;
    (3)Generator函数调用不像普通函数那样直接调用,要想函数执行必须调用遍历器对象的next方法,也就是说想要执行函数就需要使用next方法,

      调用一次next方法执行一次yield表达式,直到执行完yield表达式。
    代码实现:

    Generator的应用场景

    1、代替递归

    2、异步操作的同步化

    Generator 函数的暂停执行的效果,意味着可以把异步操作写在yield表达式里面,等到调用next方法时再往后执行。这实际上等同于不需要写回调函数了,因为异步操作的后续操作可以放在yield表达式下面,反正要等到调用next方法时再执行。所以,Generator 函数的一个重要实际意义就是用来处理异步操作,改写回调函数。
    Ajax 是典型的异步操作,通过 Generator 函数部署 Ajax 操作,可以用同步的方式表达

    1.比如抽奖环节,当前用户还可以抽奖5次。点击后次数减1。

    若采用ES5的方式,不使用Generator,则需要将count存入全局变量中,但是这样非常不安全,

    如果别人知道变量是什么,就可以修改变量;另外存入全局变量也会影响性能。

  • 相关阅读:
    计算机基础
    POJO(PO)与javaBean的比较、以及DTO的说明
    Spring Assert(方法入参检测工具类-断言)
    Extjs tree的相关方法及配置项
    spring aop两种配置方式(1)
    Oracle存储过程中临时表的使用技巧
    文件上传
    java中的IO操作总结
    ExtJs文件上传(Ext.ux.form.FileUploadField)
    Extjs 属性控件[转载]
  • 原文地址:https://www.cnblogs.com/swjRH/p/13624408.html
Copyright © 2011-2022 走看看