有什么方法可以延迟执行 JavaScript 导出语句吗？

Question

我正在使用 React 和 Redux 构建一个工具。我正在使用 whatwg-fetch 进行服务器端调用并获取一些数据。而且我有一个reducer，在成功获取数据后，它将在回调中创建其存储。这是我的代码：

import {createStore} from 'redux';
import 'whatwg-fetch';

let notificationCardList = [],
    initialState,
    store;

const fetchData = () => {
  fetch('http://localhost:6767/file/data.json')
    .then((response) => response.json())
    .then((responseData) => {
      notificationCardList = Object.keys(responseData).map(key => responseData[key]);
    })
    .then(initializeReducer);
}

const initializeReducer = () => {
  initialState = {
    notifCardsToBeDisplayed: notificationCardList,
    notifCardToBeDisplayed: null
  };

  function manipulateNotificationCards (state = initialState, action) {
    switch (action.type) {
      case 'OPEN_CARD':
        return Object.assign(state, {
          notifCardsToBeDisplayed: null,
          notifCardToBeDisplayed: action.card,
          notifCardsContainerPreviousState: action.notifCardsContainerCurrentState
        });
      case 'DISPLAY_CARD_LIST':
        return Object.assign(state, {
          notifCardsToBeDisplayed: action.cards,
          notifCardToBeDisplayed: null
        });
      default:
        return state;
    }
  }

  store = createStore(manipulateNotificationCards);
}

fetchData();  

export {store, notificationCardList};

但是由于存储是作为回调的一部分创建的，由于异步行为，导出语句可能在 createStore() 语句之前执行，因此我有效地导出了一个未定义的“存储”。我也想过将 export 语句放在回调中，但话又说回来，export 语句只能放在顶层。我也尝试过使用 setTimeout()，但这也没有用。有什么方法可以在创建后导出“商店”？

Answer 1

处理异步初始化的常用方案是使用一个模块构造函数来获取所需的导出值，并且该模块构造函数返回一个承诺或接受一个回调，并且异步导出的值只能通过该机制获得。这是因为异步操作需要不确定的时间量，因此调用者可以可靠地使用它的唯一方法是通过某种承诺或回调等待它可用。

缓存的 Promise 是一种非常干净的方式。模块初始化存储了一个承诺，该承诺将使用所需的异步值进行解析。模块方法获取承诺，然后调用者在承诺上使用.then()。如果模块还没有完成获取异步值，那么在值准备好之前，promise 不会调用.then() 处理程序。如果该值已经可用，则将立即调用 .then() 处理程序。在任何一种情况下，调用者都只是获取承诺，添加一个.then() 处理程序，然后对.then() 回调中的值进行操作。

这里有这些方法的一些示例：How to async require in nodejs