JS this.function 不是 promise 中的函数

Question

我正在尝试处理一个队列，我在队列中调用了一个查询 api 的 class 函数。但无论我尝试什么，我都会得到错误

Uncaught (in promise) TypeError: this.getVisitorData is not a function

这是我在 index.js

中的队列

# index.js
(async (ppc) => {

    const lander = new landingPage();

    // run the queued calls from the snippet to be processed
    for (let i = 0, l = ppc.queue.length; i < l; i++) {
        await lander.queue.apply(ppc, ppc.queue[i])
    }

})(window.ppc)

这是class登陆页面队列方法：

# landing_page.js
// process window.pcc queue
    async queue(method, value, data) {

        if (method === 'init') {

            config.propertyId = value

        } else if (method === 'event') {

            // Do no track if visitor opted out
            if (!await optOut()) {
                new ppcEvent(value, data)
            }

        } else if (method === 'options' && value === 'visitor') {

            const data = await this.getVisitorData()
            this.customizeLander(data)
        }
    }

这是查询 api

的 class landingPage 方法

# landing_page.js
async getVisitorData() {
        const key = 'landing_page_customization'
        let visitor = helpers.isset(window.sessionStorage.getItem(key))

        if (!visitor) {
            try {
                const [geo, device] = await axios.all([axios.get(config.geoEndpoint), axios.get(config.deviceEndpoint)]);

                const visitor = {
                    ...geo.data,
                    ...device.data,
                }

                window.sessionStorage.setItem(key, JSON.stringify(visitor))

                return visitor

            } catch (err) {
                console.log(err.message);
            }
        }

        return JSON.parse(window.sessionStorage.getItem(key))
    }

我什至尝试从 visitorData 中删除异步，但我看到了同样的错误。我在这里做错了什么？

Answer 1

apply() 的第一个参数是被调用函数中应该是 this 的值。由于 queue 是 landingPage class 的方法，您应该将 class 的实例作为第一个参数传递。显然 ppc 不是 landingPage，但 lander 是。所以将行更改为

await lander.queue.apply(lander, ppc.queue[i])

您也可以使用 ES6 扩展符号代替 apply:

await lander.queue(...ppc.queue[i]);

JS this.function 不是 promise 中的函数

JS this.function is not a function in promise

javascript

async-await

es6-class