Объявление асинхронного метода Typescript

Question

В чем разница между:

public myFunction = async (
    req: Request, 
    res: Response
): Promise<Response> => {
    return await myOtherFunction() 
}

и

public async myFunction (
    req: Request, 
    res: Response
): Promise<Response> {
   return await myOtherFunction()
}

В основном я использую первый пример, но при преобразовании функции, которая не является async, мой редактор кода(против кода) использует второй пример.

Вероятно, не актуально, но я использую машинопись 3.1.3

Answer 1

Первая - это функция стрелки , а вторая называется нормальная функция .

Основное отличие состоит в том, что функции стрелки this относятся к родительскому объекту /классовые и нормальные функции this относится к самой функции.Если вы используете arrow function в узле и используете его на верхнем уровне, это будет означать undefined.

ссылочный код , вот небольшой ссылочный код, который сделан в React.js,просто чтобы продемонстрировать пример использования.