1

我在 React 应用程序中有以下 IIFE：

const GetFeedData = (function () {
    let feed, feedId;
    return {
        getFeedId: function (sub) {
            switch (sub) {
                case '1': case '2': case '3': case '4': case '5': case '6': case 'S':
                    feedId = 1;
                    break;
                case 'A': case 'C': case 'E':
                    feedId = 26;
                    break;
                case 'N': case 'Q': case 'R': case 'W':
                    feedId = 16;
                    break;
                case 'B': case 'D': case 'F': case 'M':
                    feedId = 21;
                    break;
                case 'L':
                    feedId = 2;
                    break;
                case 'G':
                    feedId = 31;
                    break;
            }
        },
        getFeedData: function () {
            rp({
                method: 'GET',
                url: 'https://cors-anywhere.herokuapp.com/http://datamine.mta.info/mta_esi.php?key=MY_KEY&feed_id=' + feedId,
                encoding: null
            }).then((buf) => {
                feed = GtfsRealtimeBindings.transit_realtime.FeedMessage.decode(buf);
            });
        },
        get feed() { return feed; }
    };
})();

如您所见，getFeedData应该更新feed变量，该变量稍后将作为GetFeedData. 现在，当稍后在我的代码中调用该变量时，它会出现undefined并导致脚本的其余部分失败。

我替换了以下代码getFeedData来测试这是否会影响结果：

getFeedData: function () {
        if (feedId === 2) {
            feed = require('./MockData');
        }

'L'当我作为sub参数传入时，让条件getFeedData返回true（使用我的一个组件中的下拉菜单发生的过程），我不再收到 TypeError 说这feed是未定义的。我假设这意味着我的问题出在 API 调用中？谁能告诉我这听起来是否正确以及我可以做些什么来解决这个问题？

4

1 回答 1

0

您不能直接引用由异步函数设置其值的变量，因为您将遇到返回值不一致的情况undefined。

但是，您可以通过Promisefeed直接从方法返回变量：getFeedData

const GetFeedData = (function() {

    // more code here...

    return {
        GetFeedData: () => {
            return new Promise((resolve, reject) => {
                rp({
                    method: 'GET',
                    url: 'https://cors-anywhere.herokuapp.com/http://datamine.mta.info/mta_esi.php?key=MY_KEY&feed_id=' + feedId,
                    encoding: null
                }).then((buf) => {
                    feed = GtfsRealtimeBindings.transit_realtime.FeedMessage.decode(buf);
                    resolve(feed)
                }).catch(_ => reject())
            })
        },
    }
})()

// Use it like this
GetFeedData.GetFeedData().then((feed) => {
    console.log(feed)
})
于 2017-12-03T21:55:09.393 回答