ES12 中的 Generator.prototype.throw() 方法-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，Generator 函数是一种特殊的函数，它可以通过 yield 语句暂停执行，然后通过 next() 方法恢复执行。ES12 中新增的 Generator.prototype.throw() 方法可以在 Generator 函数中抛出异常，从而影响其执行流程。

Generator 函数简介

Generator 函数可以看作是一个状态机，它的执行过程是由 Generator 函数内部的状态转移决定的。Generator 函数会返回一个迭代器对象，通过调用迭代器对象的 next() 方法，可以让 Generator 函数执行到下一个 yield 语句处，并将 yield 后面的表达式的值作为 next() 方法的返回值。Generator 函数执行到 yield 语句时会暂停执行，并将 yield 后面的值返回给调用方。

function* foo() {
  console.log('start');
  yield 1;
  console.log('middle');
  yield 2;
  console.log('end');
}

const iterator = foo();
console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: undefined, done: true }

在上面的代码中，foo() 函数是一个 Generator 函数，通过调用 foo() 函数返回的迭代器对象 iterator，可以依次执行 foo() 函数中的代码，并在执行到 yield 语句时暂停执行，并将 yield 后面的值返回给调用方。

Generator.prototype.throw() 方法

Generator.prototype.throw() 方法可以在 Generator 函数中抛出异常，从而影响其执行流程。如果在 Generator 函数中调用 throw() 方法，会抛出一个异常，并且让 Generator 函数执行到下一个 catch 块中。

function* foo() {
  try {
    console.log('start');
    yield 1;
    console.log('middle');
    yield 2;
    console.log('end');
  } catch (e) {
    console.log('catch', e);
  }
}

const iterator = foo();
console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.throw('error')); // catch error

在上面的代码中，foo() 函数中包含一个 try-catch 块，如果在调用 iterator.throw() 方法时传入一个字符串 'error'，就会抛出一个异常，并执行 catch 块中的代码。

指导意义

Generator.prototype.throw() 方法可以让我们在 Generator 函数中抛出异常，从而影响其执行流程。在实际开发中，我们可以利用该方法处理一些异常情况，让代码更加健壮。

例如，在使用异步编程时，我们经常会遇到一些网络请求失败的情况。如果我们没有处理这些异常，可能会导致程序崩溃。利用 Generator 函数和 throw() 方法，我们可以对这些异常进行统一处理，从而提高程序的健壮性。

function* fetchData() {
  try {
    const result = yield fetch('/api/data');
    console.log(result);
  } catch (e) {
    console.log('fetch error', e);
  }
}

const iterator = fetchData();
const promise = iterator.next().value;
promise.then((result) => {
  iterator.next(result);
}).catch((e) => {
  iterator.throw(e);
});

在上面的代码中，fetchData() 函数中包含了一个 try-catch 块，用于处理网络请求失败的情况。在调用 fetchData() 函数时，我们首先调用迭代器对象的 next() 方法，获取一个 Promise 对象。然后，我们利用 Promise 对象的 then() 方法，将网络请求的结果传递给迭代器对象的 next() 方法。如果网络请求失败，我们可以利用 Promise 对象的 catch() 方法，将异常传递给迭代器对象的 throw() 方法，从而执行 catch 块中的代码。

总结

Generator.prototype.throw() 方法可以在 Generator 函数中抛出异常，从而影响其执行流程。在实际开发中，我们可以利用该方法处理一些异常情况，让代码更加健壮。同时，在使用该方法时，我们需要注意异常的处理，避免程序崩溃。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65be3210add4f0e0ff7bf580