在前端开发中，我们经常会使用 ESLint 工具来检查代码的规范性和错误。然而，有时候会遇到一个错误，即“Parsing error: 'yield' expression is only allowed in generator functions”，这个错误一般是在使用 yield 表达式的时候出现。本文将详细介绍这个错误的原因，以及如何解决这个问题。
问题分析
ESLint 是一个静态分析工具，它会分析代码，查找出有问题的代码，并提供一些规则和建议来帮助开发者编写更好的代码。当我们在代码中使用了 yield 表达式时，可能会遇到这个错误：
Parsing error: 'yield' expression is only allowed in generator functions
这个错误的原因是 yield 只能在 generator 函数中使用，而不能在普通的函数中使用。
什么是 generator 函数
首先，需要了解一下什么是 generator 函数。
Generator 函数是一种特殊的函数，它可以在执行过程中被暂停，然后再次执行。在函数中使用 yield 关键字可以使函数在执行过程中暂停，并将值返回给调用者。
例子：
-- -------------------- ---- ------- --------- --------- - ----- -- ----- -- ----- -- - ----- -------- - ---------- ----------------------------- -- - ------ -- ----- ----- - ----------------------------- -- - ------ -- ----- ----- - ----------------------------- -- - ------ -- ----- ----- - ----------------------------- -- - ------ ---------- ----- ---- -
在上面的代码中，我们定义了一个 generator 函数 counter，在函数中使用 yield 语句返回 1、2 和 3。然后我们创建一个迭代器（iterator），并用 next() 方法依次执行函数，每次执行时函数都会在 yield 关键字处暂停，并返回当前的值。最后一个迭代器的 done 属性为 true，表示迭代器已经结束。
解决问题
因为 yield 只能在 generator 函数中使用，所以当我们在普通的函数中使用 yield 时，就会出现 Parsing error: 'yield' expression is only allowed in generator functions 的错误。解决这个问题的方法是将函数改为 generator 函数。
这里需要注意的是，只有函数中使用 yield 关键字时才需要将函数改为 generator 函数，如果函数中没有使用 yield，那么将函数改为 generator 函数是没有意义的。
例如，在下面的代码中，我们定义了一个 getResult 函数，并在函数中使用了 yield 关键字。因此，我们需要将 getResult 函数改为 generator 函数：
function* getResult() {
const result1 = yield fetch('/api/1');
const result2 = yield fetch('/api/2');
console.log(result1, result2);
}改成这样就可以正常运行了。
在使用 generator 函数时，我们可以通过迭代器（iterator）的 next() 方法依次执行函数中的代码，从而获取到函数的返回值。例如：
const iterator = getResult(); const result1 = iterator.next(); const result2 = iterator.next();
在上述代码中，我们首先创建了 getResult 的迭代器，然后通过迭代器的 next() 方法依次执行函数中的代码，从而获取了 result1 和 result2。
总结
在使用 ESLint 工具检查代码时，我们可能会遇到 Parsing error: 'yield' expression is only allowed in generator functions 的错误。这个错误的原因是 yield 只能在 generator 函数中使用，而不能在普通的函数中使用。因此，我们需要将普通函数改为 generator 函数以解决这个问题。在使用 generator 函数时，我们可以通过迭代器的 next() 方法依次执行函数中的代码，从而获取到函数的返回值。始终要保持代码的规范性和错误可追溯性，这样才能有效提高前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648432bb48841e9894358715