Typescript 中请求模块的回调

Question

我想向外部 API 发出 post 请求，然后根据 post 请求的响应创建我自己的自定义类的对象。我正在使用请求模块来发出发布请求。我以为我只需要从回调函数返回对象，但看起来函数在回调完成之前返回，所以总是返回一个空对象。如何让函数等待回调函数？

发出 post 请求的函数：

read(id: string) {
    request.post({
        headers: {
            "content-type": "application/json"
        },
        url: baseUrl + service,
        json: {
            "id": id
        }
    }, function(error: any, response: http.IncomingMessage, body: any) {
        if (!error && response.statusCode === 200) {
            var parsedJson = JSON.parse(JSON.stringify(body));
            /* tslint:disable:no-string-literal */
            if (parsedJson["status"] === "200") {
                var data = parsedJson["data"];
                return new Dummy.Dummy(id, data["dummy"]["value"], data["dummy2"]["value"], data["dummy3"]["value"]);
            }
            /* tslint:enable:no-string-literal */
        }
    });
}

Answer 1

函数无论如何都会返回null，因为条件：

if (parsedJson["status"] === "200")

永远不会成为真的。所以它只是到达函数的末尾并且不返回任何值。

您必须注意这行代码行为：var parsedJson = JSON.parse(JSON.stringify(body));

它有body 变量（肯定是字符串）作为JSON.stringify 函数的参数。所以字符串化字符串你会得到“字符串对象的字符串”。用JSON.parse 解析它会返回没有status 属性的字符串对象，所以parsedJson["status"] 将为空。

您必须尝试 JSON.parse(body) 并仔细检查 body 输入的“状态”属性。

编辑：

重要的是要告诉return new Dummy.Dummy(...从未命名的function(error: any, response: http.IncomingMessage, body: any)返回值，不是从read(id: string)返回值。

由于request.post 使用异步回调，您的未命名函数返回值无处可去。例如，您必须使用回调技术：

read(id: string, callback:(any) => any) {
    request.post({
        headers: {
            "content-type": "application/json"
        },
        url: baseUrl + service,
        json: {
            "id": id
        }
    }, function(error: any, response: http.IncomingMessage, body: any) {
        if (!error && response.statusCode === 200) {
            var parsedJson = JSON.parse(body);
            /* tslint:disable:no-string-literal */
            if (parsedJson["status"] === "200") {
                var data = parsedJson["data"];
                callback(Dummy.Dummy(id, data["dummy"]["value"], data["dummy2"]["value"], data["dummy3"]["value"]));
            }
            /* tslint:enable:no-string-literal */
        }
    });
}

或者您可以使用更高级的 Promises 技术或异步流控制库。