如何使用 Twit 的 Typescript 定义；回调函数不可分配

Question

我刚刚开始接触 Node 和 typescript。我是一位经验丰富的 Java 工程师，做过前端工作，但主要是复制粘贴修改，没有完全理解所有的 javascript。现在我正在尝试更深入地了解 Node、JS 和 Typescript，并认为我在不了解所有情况的情况下跳得太远了。这只是一个小的个人项目。我想使用类并且喜欢 TS 提供的东西，但它似乎引入了比它解决的更多的复杂性和问题，所以也许不值得。

我正在尝试使用 Twit 包来阅读推文。在尝试将其转换为 TS 之前，它是否在普通 js 中运行良好。这是我的工作 js：

var _ = require('lodash');

var Twit = require('twit');

var T = new Twit({
    consumer_key:         '..'
  , consumer_secret:      '..'
  , access_token:         '..'
  , access_token_secret:  '..'
})

var options = { screen_name: 'TwitterUser',
                count: 200 };

T.get('statuses/user_timeline', options , function(err, data) {
  // it comes latest first; I want earliest first
  data.reverse();
  console.log(data[0]);

  // try to filter out alerts only
  var alerts = _.filter(data, function(tweet){
    return (tweet.text.indexOf('#alert') > -1) ||
          (tweet.text.indexOf('#ALERT') > -1);
  });

  for (var i = 0; i < alerts.length ; i++) {
    console.log(alerts[i].created_at + '  ' + alerts[i].text);
  }
})

这是 Typescript 版本：

import { IncomingMessage } from "http";
import _ from "lodash";
import Twit from "twit";

export class TwitterListener {

    getlatestTweets() {
        const T = new Twit({
            consumer_key:         '..'
          , consumer_secret:      '..'
          , access_token:         '..'
          , access_token_secret:  '..'
        })

        const options = { screen_name: 'TwitterUser',
                count: 200 };

        T.get('statuses/user_timeline', options, function(err, result: Response, data: IncomingMessage) {
            // it comes latest first; I want earliest first
            data.reverse();
            console.log(data[0]);
            
            // try to filter out alerts only
            const alerts = _.filter(data, function(tweet: Twit.Twitter.Status) {
                return (tweet.text.indexOf('#alert') > -1) ||
                    (tweet.text.indexOf('#ALERT') > -1);
            });
            
            for (let i = 0; i < alerts.length ; i++) {
                console.log(alerts[i].created_at + '  ' + alerts[i].text);
            }
        })
    }
}

最大的问题在于获取用户时间线的回调。 VS Code linter 说“类型参数（无论我尝试过什么）都不能分配给回调类型的参数。 DefinitelyTyped 的类型文档说这应该是这样的回调：

export interface Callback {
    (err: Error, result: Response, response: IncomingMessage): void;
}

这就是我尝试将其更改为的原因。我从简单的 js 版本中想到，其中回调是 function(err, data) 并且数据是一组推文/状态，它可能类似于 function(err:Error, data: any[]) 或 function(err, data: Array<Twit.Twitter.Status>)，我也尝试过，但得到了同样的错误。我感觉这是我定义这个回调函数的语法，但不知道是什么。

我不明白回调定义如何从 function(err, data) 到带有结果和响应的回调类型。我错过了什么？

Answer 1

这里的问题是 - 正如 Aluan Haddad 的评论中提到的 - 你的函数的第二个参数的类型与 Twit 包中指定的回调函数类型不兼容。

回调函数的类型是这样的：

export interface Callback {
    (err: Error, result: Response, response: IncomingMessage): void;
}

我认为你的困惑的根源是，这个定义中的 Response 类型不是指内置的 Response 类型，但是 Twit 包用这个覆盖（阴影）这个定义：

export type Response = object;

这种类型定义有点混乱，至少命名应该反映它是 Twitter 响应，而不是描述浏览器内置的 Fetch API response 的内置定义。

要解决您的问题，您必须从 Twit 包中导入此响应定义或通过“Twit.Response”引用它。将其导入到您自己的文件中，也会隐藏其中的内置定义，您可以参考 Twit 包的“响应”类型。

import Twit, {Response} from "twit"

我想说的是，您的函数的强类型参数不是问题，而是它们导致您质疑您的代码。如果没有您自己的函数中的类型，您就不会看到问题，而且 - 也许 - 永远不会看到存在误解。

Answer 2

查看twit's documentation后，我意识到回调接受三（3）个参数err - an error、data - arrays of tweets和response - response object from twitter。 js 版本起作用的原因是由于 javascript 的松散类型。