What is the difference between a regular function and an arrow function in TypeScript?

Question

typescript

Good evening.
There is an object

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

And, I noticed that if you write

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

Then in the IDE prompts, the `c` method is displayed as a property,
and if you write

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

The way method.
I understand that this is most likely so logical, but what is the significant difference between them?

Answer 1

c: () => void

this is a property whose type is a function without parameters and returning nothing. There could be any other type after :
This is just a definition of a method with the name c, without parameters and not returning anything ..
Accordingly, as you define it, ide shows you whether it is a property or a method.
There is no difference in work, but they are two different ways of defining the same thing.
There are no arrow functions in your example from the word at all.

Answer 2

In the context, the first this is the user object, in the case of an arrow, this is the external context.