yield 和 yield*

yield

yield 关键字用来暂停和恢复一个生成器函数(function*

举例:

function* gen(index) {
    while (index < 2) {
        yield index++;
    }
}

const iterator = gen(0);

console.log(iterator.next().value);
console.log(iterator.next().value);
console.log(iterator.next().value);
// 0
// 1
// undefined

语法:

[rv] = yield [expression];
  • expression:从生成器函数中返回的值。如果省略,则返回undefined
  • rv:检索传递给生成器的next()方法的可选值,以恢复其执行。

yield关键字使 生成器函数 暂停执行,yield关键字后面的表达式的值 返回给生成器的调用者。可以理解成是一个基于生成器的版本的return关键字。(It can be thought of as a generator-based version of the return keyword.)

yield只能从直接包含它的生成器函数中调用。不能从嵌套函数或回调中调用它。

yield关键字会导致对生成器的next()方法的调用,这个方法会返回具有两个属性valuedone的IteratorResult对象。value属性是对yield后面跟的表达式求值的结果,当done值为false时,表示生成器函数尚未完全完成。

一旦遇到 yield 表达式,生成器的代码执行就会暂停,直到生成器的 next() 方法再次被调用。每次调用生成器的next()方法时,生成器都会恢复执行,直到遇到以下情况:

  • yield,遇到yield导致生成器再次暂停执行并返回生成器的新值。 下一次调用next()方法时,在yield之后紧接着的语句将继续执行。
  • **throw **,用于从生成器中抛出异常。它完全停止了生成器的执行。当异常抛出时,通常情况下,在调用者中恢复执行。
  • 生成器函数迭代完毕,在这种情况下,生成器执行结束,并且IteratorResult给调用者返回value属性的值是undefineddone属性为true
  • 遇到 return 语句。在这种情况下,生成器执行结束,并将IteratorResult返回给调用者,其value属性的值是return语句后面表达式的值的,done属性 为true

如果给生成器中的next()方法传递参数,则该值将成为生成器当前yield操作返回的值。

在整个生成器代码运行中,yield操作符,以及向Generator.prototype.next()方法中传递一个参数指定起始值,生成器提供了强大的控制作用。。。

举例:
下面的代码声明了一个 生成器函数

function* countName(){
    let name = ['happy','chen','666'];
    for (let i = 0; i < name.length; i++) {
        yield name[i];
    }
}

一旦生成器函数已定义,可以通过构造一个迭代器来使用它:

function* countName(){
    let name = ['happy','chen','666'];
    for (let i = 0; i < name.length; i++) {
        yield name[i];
    }
}

let nameIterator = countName();
console.log(nameIterator.next());
console.log(nameIterator.next());
console.log(nameIterator.next());
console.log(nameIterator.next());
// { value: 'happy', done: false }
// { value: 'chen', done: false }
// { value: '666', done: false }
// { value: undefined, done: true }

yield*

yield* 表达式用于委托给另一个generator 或可迭代对象。

语法:

 yield* [[expression]];
  • expression:返回一个可迭代对象的表达式。

yield* 表达式迭代操作数,并产生它返回的每个值。yield* 表达式本身的值是当迭代器关闭时返回的值(即done为true时)。

举例:

委托给其他生成器

以下代码中,g1() yield 出去的每个值都会在 g2() 的 next() 方法中返回,就像那些 yield 语句是写在 g2() 里一样。(values yielded by g1() are returned from next() calls just like those which are yielded by g2().)

function* g1() {
    yield 2;
    yield 3;
    yield 4;
}

function* g2() {
    yield 1;
    yield* g1();
    yield 5;
}

let iterator = g2();

console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
// { value: 1, done: false }
// { value: 2, done: false }
// { value: 3, done: false }
// { value: 4, done: false }
// { value: 5, done: false }
// { value: undefined, done: true }

委托给其他可迭代对象

除了生成器对象这一种可迭代对象,yield* 还可以 yield 其它任意的可迭代对象,比如说数组、字符串、arguments 对象等等。(Besides generator objects, yield* can also yield other kinds of iterables, e.g. arrays, strings or arguments objects.)

function* g3() {
    yield* ['happy', 'chen'];
    yield* 'is';
    yield* Array.from(arguments);
}

let iterator = g3('a', 'Front-end', 'development', 'engineer');
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
// { value: 'happy', done: false }
// { value: 'chen', done: false }
// { value: 'i', done: false }
// { value: 's', done: false }
// { value: 'a', done: false }
// { value: 'Front-end', done: false }
// { value: 'development', done: false }
// { value: 'engineer', done: false }
// { value: undefined, done: true }

yield* 表达式的值

yield 是一个表达式*,不是语句,所以它会有自己的值

function* g4(){
    yield* [5,2,0];
    return '可达鸭';
}

let result;

function* g5(){
    result = yield* g4();
}

let iterator = g5();

console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());

console.log(result);
// { value: 5, done: false }
// { value: 2, done: false }
// { value: 0, done: false }
// { value: undefined, done: true }

// 可达鸭

相关推荐
©️2020 CSDN 皮肤主题: 终极编程指南 设计师:CSDN官方博客 返回首页