jsyield用法

jsyield用法

yield 是 JavaScript 的一个关键字，在 ES6 中引入了生成器函数（Generator），通过 yield 关键字可以实现生成器函数的暂停和恢复执行。生成器函数在其中一种程度上可以理解为可以被中途停止和恢复的函数。

生成器函数是由一个或多个 yield 语句构成的函数。yield 语句用于定义生成器函数的返还值，并且会暂停函数的执行，并返回一个包含

yield 值的 Iterator 对象。每次调用 Iterator 的 next( 方法，生成器函数会从暂停的位置继续执行，直到遇到下一个 yield 语句或函数结束。

下面是一个简单的例子来说明 yield 的用法：

```javascript

function* generatorFun

yield 'Hello';

yield 'World';

return 'Done';

const generator = generatorFunc(;

((); // { value: 'Hello', done:

false }

((); // { value: 'World', done:

false }

((); // { value: 'Done', done:

true }

```

在上面的例子中，我们定义了一个生成器函数 generatorFunc(，通过 yield 语句依次返回了三个值，并且最终返回了 'Done'。我们通过

generatorFunc( 创建了一个生成器对象 generator。接着我们调用了

generator 对象的 next( 方法三次，依次获取了三个值。

yield 还可以接收外部传入的参数，例如：

```javascript

function* generatorFun

const value = yield 'Hello';

yield value + ' World';

return 'Done';

const generator = generatorFunc(;

((); // { value: 'Hello',

done: false }

(('Goodbye')); // { value:

'Goodbye World', done: false }

((); // { value: 'Done',

done: true }

```

在这个例子中，我们通过 next( 方法传入了 'Goodbye'，然后

yield 表达式返回的值是 'Goodbye' + ' World'，最后返回了 'Done'。

yield 还可以用在 f 循环中：

```javascript

function* generatorFun

yield 'Hello';

yield 'World';

for (const value of generatorFunc()

(value);

//输出:

// Hello

// World

```

在上面的例子中，我们通过 f 循环依次访问了生成器函数中的值。

yield 还可以用在生成器函数嵌套中：

```javascript

function* generatorFunc

yield 'Hello';

yield* generatorFunc2(;

yield 'World';

function* generatorFunc

yield 'from';

yield 'Generator';

for (const value of generatorFunc1()

(value);

//输出:

// Hello

// from

// Generator

// World

```

在这个例子中，generatorFunc1( 中通过 yield* 的方式调用了

generatorFunc2(，从而将两个生成器函数合并成一个生成器函数。当迭代生成器函数时，会依次访问两个生成器函数中的值。

除了上述介绍的基本用法，yield 还可以用在异步编程中，通过

yield 关键字可以将异步操作执行过程转化为可读的同步代码。在使用

yield 进行异步编程的时候，一般会搭配使用 Promise、async/await等异步处理方式。

总之，yield 是用于定义生成器函数的关键字，通过 yield 可以实现生成器函数的暂停和恢复执行。yield 可以返回值，并在下一次调用

next( 方法时从上次暂停的位置继续执行。使用 yield 可以使代码更易读和管理，并且可以简化异步编程。