js中的Generators函数

js中的Generators函数

  1. generator一般操作

    generator函数的作用就是函数体分段执行,yield表示分隔点
    function *test() {
        console.log(1);
        yield 1;
        console.log(2);
        yield 2;
        console.log(3);
        yield 3;
    }
    
    var g = test();
    
    console.log(g.next())        // { value: 1, done: false }
    console.log(g.return(2))     // { value: 2, done: true },return不执行任何函数体,直接结束函数执行
    console.log(g.next())        // { value: undefined, done: true }
  2. 捕获异常
    function *test() {
        try {
            yield 1;
            yield 2;
        } catch (error) {
            console.log(error.message);
        }
    }
    
    var g = test();
    
    console.log(g.next())
    console.log(g.throw(new Error("Error")))  // { value: undefined, done: true } 捕获异常,同时结束函数执行
    console.log(g.next())
  3. 传递值给generator函数
    function *test() {
        var s;
        s = yield;
        console.log(s);
        s = yield;
        console.log(s);
    }
    
    var g = test();
    
    g.next();   // 第一次调用next会无视传递的value
    g.next(1);  // 第二次传递value现在才有用
  4. yield代理到其他的generator函数
    function *test() {
        yield 1;
        yield *other();
    }
    
    function *other() {
        yield 2;
        yield 3;
    }
    var g = test();
    
    console.log(g.next())  // 1
    console.log(g.next())  // 2
    console.log(g.next())  // 3
  5. 遍历generator函数
    function *test() {
        yield 1;
        yield 2;
        yield 3;
    }
    
    for(let item of test()) {
        console.log(item);
    }  // 1 2 3

原文地址:https://www.cnblogs.com/ye-hcj/p/10350984.html

时间: 2024-10-27 06:39:02

js中的Generators函数的相关文章

underscore.js中的节流函数debounce及trottle

函数节流   throttle and debounce的相关总结及想法 一开始函数节流的使用场景是:放止一个按钮多次点击多次触发一个功能函数,所以做了一个clearTimeout setTimeout函数 clearTimeout(cancelTimer); cancelTimer =setTimeout(function(){ switchControl.switchAciontFactory(view, conf); },300) 代码的意思就不做多说了,实际上我无意间实现了一个debou

JS中关于把函数作为另一函数的参数的几点小总结

//JS中关于把函数作为函数的参数来传递的问题的小总结//第一,最简单的形式无参函数,直接形式函数的函数名放到括号中,再在执行部分这个函数即可.//当然调用时要穿另一个真正的定义好的函数/*function test1(Func){Func();}function test2(){alert("我是test2");}test1(test2);*/ //第二种,带参数的普通调用法.跟第一种唯一的区别就是在定义主函数的执行语句里调用参数函数时该把参数加上/*function test1(F

js中字符替换函数String.replace()使用技巧

String.replace( ) 简介 语法: var strings = string.replace(regexp, replacement) regexp :您要执行替换操作的正则表达式,如果传入的是一个字符串,那就会当作普通字符来处理,并且只会执行一次替换操作:如果是正则表达式,并且带有 global (g) 修饰符,则会替换所有出现的目标字符,否则,将只执行一次替换操作. replacement :您要替换成的字符. 返回值是执行替换操作后的字符串. 11 String.replac

JS中的定时函数(setTimeout,clearTimeout,setInterval,clearInterval详解 )

设置定时器,在一段时间之后执行指定的代码,setTimeout与setInterval的区别在于setTimeout函数指定的代码仅执行一次 方法一: window.setTimeout("alert('ok')",5000); 方法二: window.setTimeout(function() { alert("Ok"); }, 5000); 方法三: function showAlert() { alert("ok"); } window.s

js中如何在一个函数里面执行另一个函数

1.js中如何在函数a里面执行函数b function a(参数c){ b(); } function b(参数c){ } ps:在需要传参的情况下,函数a里面的参数c同时可以传到函数b里面. 2.如何20秒后执行另一个函数 function a(){ setTimeout(b,20000)}function b(){ alert("20秒以后了哦")} 3.什么是回调函数 回调就是一个函数的调用过程.回调,回调,就是回头调用的意思.函数a的事先干完,回头再调用函数b. 函数a有一个参

js中的setInterval函数

js中,setInterval函数:setInterval(code,milliseconds,[可选参数]) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Interval</title> <styl

【juincen】Java中的接口interface类比js中的回调函数

前几天在左讯飞语音的时候,无意间意识到java中的接口和js中常用的回调函数有点类似,今天在这儿整理一下思路. interface,Java中的接口,为什么会有这个东西. 一,预留声明 比如两个程序员A和B,A要写一段程序,其中需要调用到B写的程序.这时候A可以写一个接口: public interface Demo{ void deal(); } A要调用的方法先“预留声明”在接口里:deal 然后B去完善这个接口,B写了一个实现类实现了这个Demo接口. A在自己的业务逻辑里面只用调用接口的

js中同名的函数的调用情况

转自:https://www.cnblogs.com/wshiqtb/p/3480597.html html中如果出现函数同名时:如果有多个外部引入的js文件,例如a.js和b.js(引入顺序假定是a.js,然后是b.js),同时html中本身也有内部的js.那么针对出现函数名一样的情况时,无论他们传递的参数是否一样,返回值是否相同,都认为是一个函数,所以js 处理时,最后调用的函数F是按照这样的顺序处理的: 1.查找是否有外部引入的js文件2.如果没有那么转到第3步,如果有,那么按照引入顺序首

js中关于事件处理函数名后面是否带括号的问题

今天总结一个关于事件处理程序的小细节.首先回顾一下事件处理的一些概念. JS中的事件处理(事件绑定)就是让某种或某些事件触发某些活动.有两种常见的形式,分别是DOM Level 0 和DOM Level 2.这两种方式最大的区别就在于DOM 0级事件处理只能用于事件冒泡,而DOM 2级事件处理却可以通过设置第三个参数来分别支持事件冒泡和事件捕获. DOM 0级事件处理一般是直接把一个函数分配给一个事件处理程序,既可以在元素中直接分配一个事件处理程序,如方式一所示;也可以在脚本中把函数分配给事件处