未激活回调生成器中的收益

Question

请考虑以下 ES6 函数。我的意图是从谷歌地图获取方向数据。 google map函数以origin、destination、travelMode和callback为参数。

// Get direction data from Google API. Individual exports for testing
export function* fetchDirections() {
  const mapApiGoogle = yield select(selectMapApiGoogle());
  const google = mapApiGoogle.library;
  const origin = yield select(selectOrigin());
  const destination = yield select(selectDestination());
  new google.maps.DirectionsService().route({
    origin: new google.maps.LatLng(origin.lat, origin.lng),
    destination: new google.maps.LatLng(destination.lat, destination.lng),
    travelMode: google.maps.TravelMode.DRIVING,
    }, function* (result, status) {
      if (status === google.maps.DirectionsStatus.OK) {
        yield put(MapDirectionsRequestedGoogleSuccess(result));
      } else {
        yield put(MapDirectionsRequestedGoogleError(result));
      }
    }
  );
}
   

问题是，当 DirectionService().route() 函数被执行并调用结果回调时，我的 fetchDirections() 生成器无法识别回调中的 yield。我应该如何修改上面的代码才能在回调函数中使用 yield？

更新： 通常，我在 redux-saga 中使用生成器。出于测试目的，我如下调用生成器。我刚刚意识到，回调生成器没有被实例化，所以永远不会达到内部产量。您知道如何从 fetchDirections() 控制内部回调生成器或如何测试结果吗？

describe('fetchDirections', () => {
  let fetchSaga = false;
  const googleStub = {
    maps: {
      LatLng: function (lat, lng) {
        return { lat, lng }
      },
      TravelMode: {
        DRIVING: 'DRIVING'
      },
      DirectionsStatus: {
        OK: 'OK'
      }
    }
  };
  beforeEach(() => {
    fetchSaga = fetchDirections();
    const selectDescriptor = fetchSaga.next().value;
    expect(selectDescriptor).toEqual(select(selectMapApiGoogle()));
  });
  it('should invoke directions api', () => {
    googleStub.maps.DirectionsService = () => {
      return {
        route: function(origin, destination, travelMode, callback) {
          callback('directions','OK');
        }
      }
    };
    const putDescriptor = fetchSaga.next({ library: googleStub }).value;
    expect(putDescriptor).toEqual(put(MapDirectionsRequestedGoogleSuccess('directions')));
  });
});

Answer 1

function* 声明（function 关键字后跟一个星号）定义了一个生成器函数，它返回一个 Generator 对象。

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/function*

首先你应该实例化生成器函数并从中取回生成器对象。所以我认为回调不会像你期望的那样在这里工作，它会在初始化后停止。