Must Know Javascript Interview Questions

Sdílet
Vložit
  • čas přidán 6. 08. 2024
  • MORE Junior Javascript Interview questions! Since my last JavaScript Interview video got lots of feedback and engagement I thought I'd make a followup. These interview questions are tailored for junior software, frontend and fullstack web developers. Like last time, I've included suggested answers for each question.
    Link to my JavaScript Promises video: • Still Don't Understand...
    Click here to subscribe to my channel for content on tech and software development careers and helping you land your first junior developer role: bit.ly/3DBIIRj
  • Věda a technologie

Komentáře • 74

  • @max_iddqd
    @max_iddqd Před rokem +71

    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.

  • @wotizit
    @wotizit Před rokem +37

    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.

  • @Brandon-tz5pn
    @Brandon-tz5pn Před rokem +18

    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.

  • @peanutcelery
    @peanutcelery Před 2 lety +24

    One big one for arrow functions is the this reference.

    • @rafaelortiz6574
      @rafaelortiz6574 Před rokem +4

      The biggest one I think. If ask a candidate to name the key difference between arrow and normal functions, I expect this answer

  • @jadehendricks2368
    @jadehendricks2368 Před 4 měsíci +3

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

  • @incarnateTheGreat
    @incarnateTheGreat Před 5 měsíci +2

    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.

  • @KAZVorpal
    @KAZVorpal Před 14 dny +1

    THE MAIN difference for arrow functions is that they don't have the synonym "this".
    That should be mentioned by anyone facing that question.

  • @min0234
    @min0234 Před rokem +1

    This really helps, thanks for the video!

  • @AIShorts119
    @AIShorts119 Před 2 lety +11

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

    • @catherinelijs
      @catherinelijs  Před 2 lety +3

      Thanks Nick! I’ll be doing more videos like this soon stay tuned.

  • @cr7forever7877
    @cr7forever7877 Před rokem +13

    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

    • @catherinelijs
      @catherinelijs  Před rokem +2

      Thank you much and good luck on your interviews!

    • @kardi3107
      @kardi3107 Před rokem +1

      How did the interview go?

    • @cr7forever7877
      @cr7forever7877 Před rokem +3

      @@kardi3107 that one was not that good but I got hired in the second interview 😅. Been working over 3 months

    • @lastspoil5547
      @lastspoil5547 Před 11 měsíci

      ​@@cr7forever7877I'm almost done my JavaScript course. How do I prepare for interview questions?

  • @js9549
    @js9549 Před rokem +1

    You’re awesome thank you for sharing your experience 😊

  • @Rantalytics
    @Rantalytics Před rokem +1

    awesome, thank you Catherine, this was awesome

  • @Adam-qe8yo
    @Adam-qe8yo Před rokem +1

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

  • @bekurmolla6477
    @bekurmolla6477 Před rokem +1

    Great video. It was very helpful 🙌🏽

  • @NicolePimenta
    @NicolePimenta Před rokem +1

    Perfect video !thankss

  • @Gyak_
    @Gyak_ Před rokem +1

    great video , thank you !!

  • @FM-bf7yq
    @FM-bf7yq Před 2 lety +3

    This is gem❤️

  • @geesunjang557
    @geesunjang557 Před 2 lety +2

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

  • @EnzoAuditore
    @EnzoAuditore Před rokem +1

    Thank you for this.

  • @user-ey3pq5ke3c
    @user-ey3pq5ke3c Před 9 měsíci +1

    Great video!

  • @darz_k.
    @darz_k. Před 2 lety +2

    Thank you!

  • @sergiomendoza6833
    @sergiomendoza6833 Před 2 lety +3

    I am addicted more please

  • @TienNguyen-2909
    @TienNguyen-2909 Před rokem

    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!!!

  • @swtlynn93
    @swtlynn93 Před rokem +4

    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.

    • @dayronalfaro9461
      @dayronalfaro9461 Před rokem +2

      Be confident, dont panic, even if you cant code try to think an solve the problem loud, break the problem in pieces and then try to code that with pseudocode or code

  • @Drag_Star8
    @Drag_Star8 Před 6 měsíci +1

    Amazing explanation Thank you sooo much

    • @catherinelijs
      @catherinelijs  Před 6 měsíci

      Really glad you liked it. I have a few more videos that you may like as well!

  • @vycos-zen
    @vycos-zen Před rokem

    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.

  • @carloanimationTV
    @carloanimationTV Před rokem +1

    very informative I also noticed your nice hair

  • @user-no2rk3rz4e
    @user-no2rk3rz4e Před 11 měsíci

    The example with object returning is mindfulness test)

  • @Arabian_Abomination
    @Arabian_Abomination Před rokem +1

    Thanks

  • @daniel4661
    @daniel4661 Před rokem

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

    • @alisonroa5823
      @alisonroa5823 Před rokem +2

      Si, JavaScript autoañade un ; al final del return porque no hay nada que continúe en la misma linea, en este caso está en la siguiente línea entonces no retorna nada y deja de ejecutar la función.
      En el ejemplo es:
      Return
      {
      }.
      Las llaves con indicaciones están en la línea de abajo y JS solo leyó el return.

  • @marcelorl8730
    @marcelorl8730 Před rokem +3

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

    • @deez778
      @deez778 Před rokem

      and the this keyword!

    • @marshall-brown
      @marshall-brown Před rokem +1

      I believe the word you mean is "context" not scope

  • @eliascarrion1053
    @eliascarrion1053 Před 2 lety +2

    Thanks!!!

  • @rashim
    @rashim Před 2 měsíci

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

  • @ahmedfarhan4353
    @ahmedfarhan4353 Před rokem +1

    Does front end die ?

  • @arpitjha2843
    @arpitjha2843 Před 2 lety +2

    Awesome 😎

  • @lastspoil5547
    @lastspoil5547 Před 5 měsíci +1

    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? ❓

    • @catherinelijs
      @catherinelijs  Před 4 měsíci +1

      You'll still need to brush up on leetcode and React, with way more competition for jobs now, hiring managers are asking detailed questions.

  • @AhSchit
    @AhSchit Před rokem

    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?

  • @dayronalfaro9461
    @dayronalfaro9461 Před rokem +1

    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

  • @BirhanNega
    @BirhanNega Před 7 měsíci +1

    Thank you

  • @usua1myanmarian
    @usua1myanmarian Před rokem

    She really put that counter up there, lol.

  • @umarmamatov2985
    @umarmamatov2985 Před 7 měsíci +1

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

  • @11Najim11
    @11Najim11 Před 8 měsíci

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

  • @shooting4star2023
    @shooting4star2023 Před 25 dny +1

    The foo1 and foo2 question at 4:21 is seriously a screw-up in JavaScript.

  • @20mim20
    @20mim20 Před 9 měsíci +1

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

  • @emilz0r
    @emilz0r Před 2 měsíci +1

    Did you really use jQuery for the promise example?🤭

  • @petergriff7624
    @petergriff7624 Před rokem +5

    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 .

  • @DeLaFaKoNaM
    @DeLaFaKoNaM Před rokem

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

  • @muizuddeenahmad6142
    @muizuddeenahmad6142 Před 2 lety

    How can i contact you ma'am ?

  • @trini8042
    @trini8042 Před 7 měsíci +1

    Great video!