没有合适的资源?快使用搜索试试~ 我知道了~
ECMAScript 6 (简称 ES6 )作为下一代 JavaScript 语言,将 JavaScript 异步编程带入了一个全新的阶段。 Generator函数跟普通函数的写法有非常大的区别: 一是,function关键字与函数名之间有一个星号; 二是,函数体内部使用yield语句,定义不同的内部状态(yield在英语里的意思就是“产出”)。 本文重点给大家介绍Es6 Generator函数,具体内容如下所示: /* 一、generator函数的定义 1.Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同 2.形式上,Gen
资源推荐
资源详情
资源评论
Es6 Generator函数详细解析函数详细解析
ECMAScript 6 (简称 ES6 )作为下一代 JavaScript 语言,将 JavaScript 异步编程带入了一个全新的阶段。
Generator函数跟普通函数的写法有非常大的区别:
一是,function关键字与函数名之间有一个星号;
二是,函数体内部使用yield语句,定义不同的内部状态(yield在英语里的意思就是“产出”)。
本文重点给大家介绍Es6 Generator函数,具体内容如下所示:
/* 一、generator函数的定义
1.Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同
2.形式上,Generator 函数是一个普通函数,但是有两个特征。一是,function关键字与函数名之间有一个星号;二是,函数
体内部使用yield表达式,定义不同的内部状态
*/
//定义一个generator函数 其内部有3种状态
var helloGenerator = function *() {
var next1 = yield 'hello';
yield 'world' + next1;
return 'ending';
}
//调用generator 函数和普通函数一样,直接加上双括号 () 但是跟普通函数的区别是generator不会立即执行, 返回的也不是函
数的结果,而是内部的一个指针。
var newGenerator = helloGenerator();
//generator 函数是分段执行的 会从头部直到遇到下一个yield 表达式的时候停止下来。
console.log(newGenerator.next('hahh')); //Object {value: "hello", done: false}
console.log(newGenerator.next()); // {value: "worldhahh", done: false}
console.log(newGenerator.next()); //{value: "ending", done: true} done true| false true代表的意思内部yield 表达式已经执行完
毕 false则相反
console.log(newGenerator.next()); //{value: "undefined", done: true}
/*
总结一下,调用 Generator 函数,返回一个遍历器对象,代表 Generator 函数的内部指针。以后,每次调用遍历器对象的next
方法,就会返回一个有着value和done两个属性的对象。value属性表示当前的内部状态的值,是yield表达式后面那个表达式
的值;done属性是一个布尔值,表示是否遍历结束。
*/
/*
二、yield 表达式
1.由于 Generator 函数返回的遍历器对象,只有调用next方法才会遍历下一个内部状态,所以其实提供了一种可以暂停执行的
函数。yield表达式就是暂停标志。
遍历器对象的next方法的运行逻辑如下。
(1)遇到yield表达式,就暂停执行后面的操作,并将紧跟在yield后面的那个表达式的值,作为返回的对象的value属性值。
(2)下一次调用next方法时,再继续往下执行,直到遇到下一个yield表达式。
(3)如果没有再遇到新的yield表达式,就一直运行到函数结束,直到return语句为止,并将return语句后面的表达式的值,作
为返回的对象的value属性值。
(4)如果该函数没有return语句,则返回的对象的value属性值为undefined。
2.yield 表达式和 return 语句的区别: return 不具有记忆功能, yield 具有记忆功能,下次调用next()方法的时候会接着往下执
行。
一个函数里面只能执行一个return 语句 可以执行多个yield 表达式。 yield 函数只能用在generator 函数里面不能用在其他函数
里面,不然会报错。
*/
/*
三、与 Iterator 接口的关系
任意一个对象的Symbol.iterator方法,等于该对象的遍历器生成函数,调用该函数会返回该对象的一个遍历器对象。由于
Generator 函数就是遍历器生成函数,因此可以把 Generator 赋值给对象的Symbol.iterator属性,从而使得该对象具有 Iterator
接口。
*/
var myIterable = {};
myIterable[Symbol.iterator] = function* () {
yield 1;
yield 2;
yield 3;
};
console.log([...myIterable]) // [1, 2, 3] /*
四、next 方法的参数
yield表达式本身没有返回值,或者说总是返回undefined。next方法可以带一个参数,该参数就会被当作上一个yield表达式的
资源评论
weixin_38727567
- 粉丝: 7
- 资源: 874
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功