The main difference between regular and arrow functions is a context (this): regular function changes context (this = parent object), arrow function don't (this stays the same). This can be very useful.

THIS: The handling of this is also different in arrow functions compared to regular functions. In short, with arrow functions there are no binding of this. In regular functions the this keyword represented the object that called the function, which could be the window, the document, a button or whatever. With arrow functions the this keyword always represents the object that defined the arrow function.

One thing though is that promises are taken to the micro task queue which takes precedence over the callstack. While SetTimeouts etc do not.

One big one for arrow functions is the this reference.

04:39 I cant believe I've been coding for this long and never noticed this. I guess I automatically write my return statements the right way without thinking about it.

I come from Asia and I thought you look like Asian, your video is very helpful and your voice very easy to hear. Thank you so much!!!

Thanks for these. I'd say the gotcha function call with the line break might be disregarded nowadays with Prettier and autoformatters, but still good to mention.

great video. your explainations are crystal clear and concise. more interview questions please. thanks.

This really helps, thanks for the video!

You’re awesome thank you for sharing your experience 😊

Today is my very first interview day and this video already helped me a lot. Thank you! I just subscribed and I'll keep track of your videos

Great video. It was very helpful 🙌🏽

awesome, thank you Catherine, this was awesome

This is so helpful Catherine. Thanks for the video! :)

Woo hoo! I knew most of the answers. Except the last questions #4.

This is gem❤️

great video , thank you !!

Perfect video !thankss

Amazing explanation Thank you sooo much

Thank you for this.

Thank you!

Great video!

I am addicted more please

at 2:30 it is actually not correct i think. this function for example const test = () => {return "hi"}; and run it in your browser console. than run test(); it works. the reason why CODE SEMPLE 3 does not work because the Car class has to be defined. like class Car {constructor(){ this.color = () => "hi" }} than you can instantiate it with const test = new Test(); and can be called by test.greet(); so i would look into clarifying that part, at around 2:30. And by the way, great video over all, sorry for the nit picking. Good content and using it for refreshing for an interview. thank you.

Could you do an example on what happens during a live coding assessment or a whiteboard session? I know this is part of the technical interview and I have NO clue what the heck happens in them.

Thanks

The example with object returning is mindfulness test)

4:50 It will throw syntax error, and won't return undefined. Unexpected token '}'

very informative I also noticed your nice hair

la penúltima pregunta, acerca de la diferencia entre foo1() y foo2() ¿se debe al salto de línea según entendí?

Once you say "I Should set a counter" I stop listening the video an start couting the word function an cheeck the counter to see if it's wrong jejejejeej

Thanks!!!

Awesome 😎

Thank you

you forgot to mention about the this scope which is the actual key difference between arrow functions and regular functions

This is ok but I got asked all these in my junior position screening interview, what am I gunna get in my second and more technical interview?

array1.map(function(x) => { return x*2 })😅

2:34 is wrong. You can use them as object constructors, just put braces around them

The two videos you have on JavaScript interview questions are enough to study or do we still need to study leetcode? Also, will we be asked React questions? ❓

Does front end die ?

Did you really use jQuery for the promise example?🤭

She really put that counter up there, lol.

@3:49 did you say the f word ? I dont blame you lol

I tried this : function run(){ console.log(1); setTimeout(function(){console.log(2),1000}) setTimeout(function(){console.log(3),0}) console.log(4); } run(); output is: 1 4 2 3 so 2 won't be console logged last But thanks for this i didnt know about this order of preference .

Don't understand... I need to learn more 😩

How can i contact you ma'am ?

Great video!