Javascript - 类型错误 : x is not a function at done

Question

我正在使用 webpack 和节点构建自己的浏览器端 javascript sdk。

我已经构建了一个 async/await 文档函数，它只是将文档提交给 api。

此函数可以在浏览器中调用两次(如果有第二张图片)但是在第二次调用文档函数时出现以下错误。

TypeError: hsp.document is not a function at done

index.html

<script>

hsp = new HSP();

// function called on button click
async function done() {

    try {
         const doc = await hsp.document(transaction, token, url, this.frontBase64);

        console.log(doc);

        // If second image,  submit it also.
        if(this.backBase64) {
            const doc = await hsp.document(transaction, token, url, this.backBase64);

        }

    } catch (er) {
        console.log(er);
    }

}

</script>

sdk.js

async document(transaction, token, url, doc) {

        try {

            this.document = await this.api.submitDocument(transaction,
                token, url, doc);

            if (this.document.response.status !== 200) {

                return {
                    "success": false,
                    "response": this.document
                };

            }

            return {
                "success": true,
                "response": this.document
            };


        } catch (e) {
            return {
                "success": false,
                "response": e
            };
        }
    }

Answer 1

显然，document 函数是在您的 HSP 对象中定义的。

当第一次调用它时，通过hsp.document，它被执行并且在函数内部，this关键字是对你调用document的hsp实例的引用> 功能来自。

在您的函数内，您将使用 this.api.submitDocument 调用返回的任何内容重新影响文档函数中的字段 this.document。因此，在第一次函数调用后，它不再是函数。