es6 function* 函数生成器

最新推荐文章于 2022-04-24 14:06:07 发布
最新推荐文章于 2022-04-24 14:06:07 发布
阅读量225 收藏
点赞数
分类专栏： es6 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tangkebo/article/details/86525910
版权

主要介绍function* 函数生成器的作用及其使用

直接复制粘贴代码即可使用：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<title>Document</title>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

</head>

<body>

 

</body>

<script>

 

// 　　1、函数生成器特点是函数名前面有一个‘*’

 

// 　　2、通过调用函数生成一个控制器

 

// 　　3、调用next()方法开始执行函数

 

// 　　4、遇到yield函数将暂停

 

// 　　5、再次调用next()继续执行函数

 

// function* fn() {

// console.log(1);

// //暂停！

// yield;

// //调用next方法继续执行

// console.log(2);

// }

// var iter = fn();

// iter.next(); //1

// iter.next(); //2

 

// --------------------------------------------

 

// function* fn() {

// var a = yield 'hello';

// yield;

// console.log(a);

// }

 

// var iter = fn();

// var res = iter.next();

// console.log(res.value); //hello

// iter.next(2);

// iter.next(); //2

 

// 可以看到，yield后面有一个字符串，在第一次调用next时，暂停在这里且返回给了iter.next()。

// 　 而暂停的地方是一个赋值语句，需要一个变量给a，于是next()方法中传了一个参数2替换了yield，最后打印a得到了2。

 

// -------------------------------------------------------------

 

// function fn(a, b) {

// //假设这是一个ajax请求

// ajax('url' + a + b, function(data) {

// //数据请求到会执行it.next

// it.next(data);

// });

// }

// //这里是函数生成器

// function* g() {

// //当异步操作完毕yield会得到值

// //这里会自动继续执行

// var text = yield fn(a, b);

// console.log(text);

// }

// var it = g();

// it.next();

 

// ------------------------------------------------------------


 

// 等待promise决议值返回

// function* fn(x) {

// var text = yield foo(1);

// yield foo(x);

// function foo(x) {

// return new Promise(function(resolve, reject) {

// //ajax异步请求完成会调用resolve决议

// // ajax(url, resolve);

// var url = 'url:' + x

// setTimeout(() => {

// resolve(url+'1231412412')

// }, 2000);

// });

// }

// }

 

// var it = fn();

// //返回一个promise

// var p = it.next().value;

// //对promise处理

// p.then(function(text) {

// //这里继续执行生成器

// let val = it.next(text).value;

 

// // console.log(text)

// // console.log(val)

// })

 

function run(gen) {

//获取除了生成器本身以外的参数

var args = [].slice.call(arguments, 1),

it;

it = gen.apply(this, args);//调用生成器 类似上面 var it = fn();

 

// Promise.resolve('foo');等价于

// new Promise(resolve => resolve('foo'));

 

return Promise.resolve().then(function handleNext(value) {

//第一次启动无value

var next = it.next(value);

return (function handleResult(next) {

//执行完毕返回

 

if (next.done) {

return next.value;

} else {

//如果还有就决议next.value传给handleNex

return Promise.resolve(next.value).then(handleNext, (err)=> { console.log(err) });

}

})(next);

});

}

//这是一个函数生成器

function* main() {

 

//这种方式可以在获取到前两个异步请求后

//再次根据前两个请求结果获取第三个请求

 

let ur1 = '请求ur1';

let ur2 = '请求ur2';

let ur3 = '请求ur3';

 

let r1 = yield requst(ur1);

let r2 = yield requst(ur2);

let r3 = yield requst(ur3+r1+r2);

 

console.log(r3);

// 模拟异步请求

function requst(x) {

return new Promise(function(resolve, reject) {

//ajax异步请求完成会调用resolve决议

// ajax(url, resolve);

var url = 'url:' + x

setTimeout(() => {

resolve(url)

}, 2000);

});

}

};

//该调用会自动异步运行直到结束

run(main);

</script>

</html>

tang丶有年
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6 生成器函数 (generator function): function*
码小目的进化路程
04-15 438
基础生成器函数小用
ES6生成器用法实例分析
08-30
在ES6中，生成器（Generators）是一个强大的特性，它允许我们创建可暂停和恢复的函数，这对于处理复杂的逻辑，尤其是异步编程，提供了极大的便利。生成器的核心概念是`yield`关键字，它用于在函数执行过程中暂停并...
ES6的function*的用法
ta_huang的博客
12-05 2156
function*的用法 function* 这种声明方式(function关键字后跟一个星号）会定义一个生成器函数 (generator function)，它返回一个 Generator 对象。 function* name([param[, param[, … param]]]) { statements } name 函数名 param 要传递给函数的一个参数的名称，一个函数最多可以有255个参数。 statements 普通JS语句。 生成器函数在执行时能暂停，后面又能从暂停处继续
ES6函数
记录点滴
06-19 1242
ES6中我们来看下函数有哪一些改变： 一、函数的默认值： 在ES5中设置默认值是在函数体内： 如果没传递参数 function test(num,callback){ var num = num || 10;//不传递参数默认是10 var callback = callback || function (param){console.log(param*10)}; ...
简单的总结一下es6的生成器函数
weixin_43104034的博客
08-31 371
生成器,迭代器 生成器函数生成一个迭代器,迭代器中有next方法,并且返回一个对象,里面包含value,done这两个属性的一个对象 var iterable={ next:function(不接受参数){ 表达式//不建议用这个 return{ value:, next: } } } var generated=iterable.ne...
JavaScript 生成器函数function* () {}
不知道该写啥QAQ
07-10 916
参照： 火狐开发者官网生成器函数 虞政博的cnblogs　1 .函数生成器特点是函数名前面有一个‘*’　2. 通过调用函数生成一个控制器　3. 调用next()方法开始执行函数　4. 遇到yield函数将暂停　5. 再次调用next()继续执行函数举例：function* fn() { console.log(1); //暂停！ yield; //调用next方法继
ES6新特性三： Generator(生成器)函数详解
08-30
1. 第一次调用Generator函数时，该函数并不执行，而是返回一个遍历器对象。 2. 调用next()方法开始执行Generator函数，遇到yield语句时，函数会暂停执行，并返回一个对象，该对象包含value和done两个属性。 3. value...
深入理解ES6的迭代器与生成器
08-29
生成器是一种返回迭代器的函数，通过function关键字后的星号（*）来表示，函数中会用到新的关键字yield。 一、什么是迭代器 迭代器是一个拥有next()方法的特殊对象，每次调用next()都返回一个结果对象，该结果对象...
js代码-用ES5模拟实现ES6生成器函数
07-15
在JavaScript的世界里，ES6（ECMAScript 2015）引入了一种新的特性——生成器函数（Generator Function）。生成器允许我们编写更复杂的异步代码，它们通过`function*`关键字定义，并且可以使用`yield`关键字暂停和...
用aceEditor和new Function制作简单的echarts编辑器
hongsir的博客
10-25 1408
效果图 先引入jQuery、echarts和ace.js <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.1/dist/echarts.min.js"></script> <script src="https://cdn.bootcd
S-Function 的编写.rar
07-09
S-Function 可以使用MATLAB®，C，C ，Ada，或Fortran 语言来编写。使用MEX 实用工具，将C，C ，Ada，和Fortran 语言的S-Function 编译成MEX-文件，在需要的时候，它们可与其它的MEX-文件一起动态地连接到MATLAB 中。 S-Function 使用一种特殊的调用格式让你可以与Simulink 方程求解器相互作用，这与发生在求解器和内置Simulink 块之间的相互作用非常相似。S-Function 的形式是非常通用的，且适用于连续、离散和混合系统。 S-function 为你提供了一种在Simulink 模型中增加自制块的手段，你可以使用MATLAB，C，C ，Ada，或Fortran 语言来创建自己的块。按照下面一套简单的规则，你可以在S-function 中实现自己的算法。在你编写一个S-Functin 函数，并将函数名放置在一个S-Functin 块中（在用户定义的函数块库中有效）之后，通过使用masking 定制用户界面。 目录 S-FUNCTION 概述.......... 1 什么是 S-FUNCTION...... 2 在模型中使用S-FUNCTION...... 3 向 S-Function 传递参数....... 3 何时使用 S-Function 4 S-FUNCTION 的工作原理.......... 5 Simulink 块的数学关系........ 5 仿真过程......... 5 S-Function 回调程序. 6 S-FUNCTION 的实现...... 8 M-文件的S-Function.......... 8 MEX 文件的S-function ....... 8 MEX 文件与M-文件的S-function 比较... 9 S-FUNCTION 的概念..... 10 直接馈通....... 10 动态维矩阵... 10 设置采样时间和偏移量.......11 S-FUNCTION 范例........ 14 M 文件S-function 范例...... 15 C S-Function 范例... 16 Fortran S-Function 范例.... 18 C S-Function 范例......... 18 Ada S-Function 范例......... 18 编写 M S-FUNCTION.... 19 概述........ 20 S-Function 参数...... 20 S-Function 的输出... 20 定义 S-FUNCTION 块特性....... 22 处理 S-FUNCTION 参数 22 M 文件的S-FUNCTION 范例... 23 范例 1——简单的M 文件S-Function ... 23 范例 2——连续状态S-Function . 25 范例 3——离散状态S-Function . 27 范例 4——混合系统S-Function . 28 范例 5——变步长S-Function ..... 31 ii 使用C 语言编写S-FUNCTION .......... 33 概述........ 34 创建 C MEX S-Function.... 35 自动生成 S-FUNCTION 36 配置生成的 S-Function...... 37 S-Function Builder 如何生成S-Function......... 37 设置 include 路径.... 37 S-FUNCTION BUILDER 的对话窗........ 39 Initialization 选卡..... 39 Data Properties 选卡......... 40 Libraries 选卡.......... 42 Outputs 选卡 43 Continuous Derivatives 选卡....... 45 Discrete Update 选卡........ 46 Build Info 选卡........ 47 一个基本的 C MEX S-FUNCTION 范例....... 48 定义与包含... 49 回调函数的实现...... 50 Simulink/Real-Time Workshop 接口..... 51 Building Timestwo 范例..... 51 C S-FUNCTION 模板..... 52 S-Function 源文件必需的内容..... 52 SimStruct...... 53 编译 C S-Function.. 53 SIMULINK 如何与C S-FUNCTION 相互作用 54 进程层面....... 54 数据层面....... 56 编写回调函数... 59 将 LEVEL 1 C MEX S-FUNCTION 转换到LEVEL 2 . 60 创建 C S-FUNCTION 63 创建 ADA S-FUNCTION.......... 64 创建 FORTRAN S-FUNCTION 65 实现块特性 67 对话框参数....... 68 iii 可调参数....... 68 运行参数 70 创建运行参数.......... 70 更新运行参数.......... 71 创建输入和输出端口... 72 创建输入端口.......... 72 创建输出端口.......... 73 输入的标量扩展...... 74 掩码多端口 S-Function...... 75 自定义数据类型.......... 76 采样时间 77 基于块的采样时间... 77 指定基于端口的采样时间.. 79 基于块与基于端口的混合采样时间 ........ 81 多速率 S-Function 块......... 82 多速率 S-Function 块的同步........ 83 工作向量 84 工作向量与过零检测.......... 85 包括指针工作向量的范例.. 85 内存分配....... 86 FUNCTION-CALL 子系统.......... 87 错误处理 89 防超程代码... 89 SsSetErrorStatus 的终止条件..... 90 数组边界检查.......... 90 S-FUNCTION 范例........ 91 连续状态的 S-Function 范例........ 92 离散状态的 S-Function 范例........ 93 混合系统的S-Function 范例........ 93 变步长的 S-Function 范例. 94 过零检测的 S-Function 范例........ 94 时变连续传递函数的 S-Function 范例... 94
javascript 生成器函数 function*
yangguosheng的专栏
07-16 2330
今天看了一下这块的东西，文档不是很好理解。但是完完整整看下来，文档还是很全的。 这里算是总结一下在看生涩的文档之前可以了解的东西，方便看文档的时候好理解。 1，什么是生成器函数（function*） 生成器函数简单理解就是这个函数返回一个可枚举的对象（官方说法返回Generator对象）。可以通过.next()枚举其中的数据。内部通过yield关键字实现步进。 2，为什么要有一个生成器函数（function*)这种特殊的语法， C#也有yield,但是并没有特殊的语法。下面链接是es委..
function* 生成器函数
高先生的猫
08-28 752
ES6中定义了一种新的函数.用function*定义生成器函数,这种函数会返回一个generator对象.生成器函数在执行时可以暂停，然后又可以在暂停处接着执行。 定义方式 1.直接按照function*像一般的函数那样子声明.可以带参. function* gen(i){ yield 10; yield i+10; } 2.通过GeneratorFunction进行生成,步骤比较麻烦. 这边注意一个点就是GeneratorFunction对象并不是一个全局对象.它可以使用如下的方式进
为什么使用ES6生成器
马优晨
06-27 202
官方解释： 1、异步编程，文件操作，网络操作(ajax, request) 数据库操作使用生成器操作更加方便； 2、有效的解决回调地狱的问题； 举例： 请在控制台 1s 后控制台输出 111 ，2s后输出 222 ，3s后输出 333。 （1）使用传统的的回调写法 setTimeout(() => { console.log(111); setTimeout(() => { ..
ES6 Generator函数 基本用法详解
麻瓜哇哇哇的博客
05-11 328
简介
es6中的generator函数详解
田兴的博客
04-12 5410
generator函数 1.generator是什么: generator是一个迭代生成器,其返回值为迭代器(lterator),是ES6标准引入的新的数据类型，它借鉴于Python中的generator概念和语法； 迭代器协议： 定义了一种标准的方式来产生一个有限或无限序列的值； 当一个对象被认为是一个迭代器时，它实现了一个 next() 的方法，next()返回值如下： { done:tr...
ES6生成器与async-await解析
酒客的博客
12-25 999
ES6生成器与async/await内容解析 什么是生成器？ ​ 生成器是ES6中新增的一种函数控制、使用的方案，它可以让我们更加灵活的控制函数什么时候继续执行、暂停执行等。平时我们会编写很多的函数，这些函数终止的条件通常是返回值或者发生了异常。 生成器函数也是一个函数，但是和普通的函数有一些区别： 首先，生成器函数需要在function的后面加一个符号：* 其次，生成器函数可以通过yield关键字来控制函数的执行流程： 最后，生成器函数的返回值是一个Generator（生成器）： 生成器事实上是一种特
Promise.all和Promse.race
weixin_45306532的博客
03-01 236
Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。 具体代码如下： let p1 = new Promise((resolve, reject) => { resolve(‘成功了’) }) let p2 = new Promise((resolve, reject) => { resolve(‘success’) }) let p3 = Prom
（13）es6——生成器函数
浪头的博客
04-24 409
生成器函数的定义与使用 // 声明 function * fn() { // yield类似于断点 console.log(111); yield '第一段' console.log(222); yield '第二段' console.log(333); yield '第三段' console.log(444); } // 调用 let iterator = fn(); // 生成器函数每次调用的时候都会生成一个新
es6 生成器迭代器
最新发布
08-19
ES6引入了生成器和迭代器的概念，它们为JavaScript提供了更强大的迭代控制和异步编程的能力。 生成器是一种特殊类型的函数，使用`function*`关键字定义。生成器函数可以通过`yield`关键字来暂停和恢复执行，而不是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值