Чем в TypeScript отличаются обычная функция и стрелочная?

Question

[p3trukh1n]

Добрый вечер.
Есть объект

let user: {a: string, b: number, c: () => void} = {
    a: "exampleString",
    b: 1337,
    c() {
        console.log("exampleMethod");
    }
};

И, я заметил, что если писать

let user: {a: string, b: number, c: () => void} = {
    //...

То в подсказках IDE метод `c` отображается, как property,
А если писать

let user: {a: string, b: number, c(): void} = {
    //...

То, как method.
Я понимаю, что это скорее всего и так логично, но в чем между ними таки весомая разница?

Answer 1

[Robur]

c: () => void

это проперти у которого тип функция без параметров и ничего не возвращающая. Там мог быть бы и любой другой тип после :

c(): void

Это просто определение метода с именем с, без параметров и не возвращающая ничего..

Соответственно как вы определите, так вам ide и показывает - свойство или метод.
В работе разницы нет, но это два разных способа определить одно и то же.

Стрелочных функций в вашем примере нет от слова совсем.

Answer 2

[grinat]

В контексте, у первой this это объект юзер, в случае стрелочной её this это внешний контекст.

Comments

[p3trukh1n]

Я спрашиваю конкретно про объявление типа.
Я знаю, чем они отличаются в сущности.
Я спрашиваю конкретно в случае объявления типа в TypeScript-e.

[grinat]

p3trukh1n, в твоем примере никаких типов у функций нет. Сделай:

interface User {
   a: string;
   b: number; 
   c(this: User): void
}

тогда если укажешь стрелочную, typescript будет ругаться. Иначе он будет пытаться понять что ты хочешь сделать и исходя из этого ругаться, т.е. если стрелочная значит то ванга тайпскриптовна решит что все контекста обращаешься, если обычная, то внутрь.