Must Know Javascript Interview Questions

Поділитися
Вставка
  • Опубліковано 30 тра 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
  • Наука та технологія

КОМЕНТАРІ • 71

  • @max_iddqd
    @max_iddqd Рік тому +65

    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 Рік тому +34

    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.

  • @peanutcelery
    @peanutcelery Рік тому +20

    One big one for arrow functions is the this reference.

    • @rafaelortiz6574
      @rafaelortiz6574 Рік тому +4

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

  • @Brandon-tz5pn
    @Brandon-tz5pn Рік тому +13

    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.

  • @jadehendricks2368
    @jadehendricks2368 Місяць тому +2

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

  • @TienNguyen-2909
    @TienNguyen-2909 Рік тому

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

  • @incarnateTheGreat
    @incarnateTheGreat 2 місяці тому +1

    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.

  • @min0234
    @min0234 Рік тому +1

    This really helps, thanks for the video!

  • @js9549
    @js9549 Рік тому +1

    You’re awesome thank you for sharing your experience 😊

  • @cr7forever7877
    @cr7forever7877 Рік тому +14

    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  Рік тому +2

      Thank you much and good luck on your interviews!

    • @kardi3107
      @kardi3107 11 місяців тому +1

      How did the interview go?

    • @cr7forever7877
      @cr7forever7877 11 місяців тому +2

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

    • @lastspoil5547
      @lastspoil5547 9 місяців тому

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

  • @FM-bf7yq
    @FM-bf7yq Рік тому +3

    This is gem❤️

  • @AIShorts119
    @AIShorts119 Рік тому +11

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

    • @catherinelijs
      @catherinelijs  Рік тому +3

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

  • @Adam-qe8yo
    @Adam-qe8yo Рік тому +1

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

  • @Rantalytics
    @Rantalytics Рік тому +1

    awesome, thank you Catherine, this was awesome

  • @bekurmolla6477
    @bekurmolla6477 Рік тому +1

    Great video. It was very helpful 🙌🏽

  • @Gyak_
    @Gyak_ Рік тому +1

    great video , thank you !!

  • @EnzoAuditore
    @EnzoAuditore Рік тому +1

    Thank you for this.

  • @NicolePimenta
    @NicolePimenta 10 місяців тому +1

    Perfect video !thankss

  • @sergiomendoza6833
    @sergiomendoza6833 2 роки тому +3

    I am addicted more please

  • @geesunjang557
    @geesunjang557 2 роки тому +2

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

    • @catherinelijs
      @catherinelijs  2 роки тому

      You’re welcome! Glad you found it useful

  • @darz_k.
    @darz_k. 2 роки тому +2

    Thank you!

  • @user-ey3pq5ke3c
    @user-ey3pq5ke3c 7 місяців тому +1

    Great video!

  • @Drag_Star8
    @Drag_Star8 3 місяці тому +1

    Amazing explanation Thank you sooo much

    • @catherinelijs
      @catherinelijs  3 місяці тому

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

  • @vycos-zen
    @vycos-zen Рік тому

    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.

  • @Arabian_Epileptic
    @Arabian_Epileptic Рік тому +1

    Thanks

  • @swtlynn93
    @swtlynn93 Рік тому +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 Рік тому +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

  • @carloanimationTV
    @carloanimationTV 11 місяців тому +1

    very informative I also noticed your nice hair

  • @user-no2rk3rz4e
    @user-no2rk3rz4e 9 місяців тому

    The example with object returning is mindfulness test)

  • @eliascarrion1053
    @eliascarrion1053 2 роки тому +2

    Thanks!!!

  • @dayronalfaro9461
    @dayronalfaro9461 Рік тому +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 5 місяців тому +1

    Thank you

    • @catherinelijs
      @catherinelijs  5 місяців тому +1

      You’re welcome thanks for watching!

  • @marcelorl8730
    @marcelorl8730 Рік тому +3

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

    • @deez778
      @deez778 Рік тому

      and the this keyword!

    • @marshall-brown
      @marshall-brown Рік тому +1

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

  • @daniel4661
    @daniel4661 Рік тому

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

    • @alisonroa5823
      @alisonroa5823 Рік тому +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.

  • @arpitjha2843
    @arpitjha2843 2 роки тому +2

    Awesome 😎

  • @lastspoil5547
    @lastspoil5547 2 місяці тому +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  Місяць тому +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 Рік тому

    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?

  • @ahmedfarhan4353
    @ahmedfarhan4353 Рік тому +1

    Does front end die ?

  • @umarmamatov2985
    @umarmamatov2985 5 місяців тому +1

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

  • @usua1myanmarian
    @usua1myanmarian Рік тому

    She really put that counter up there, lol.

  • @11Najim11
    @11Najim11 6 місяців тому

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

  • @petergriff7624
    @petergriff7624 Рік тому +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 .

  • @20mim20
    @20mim20 7 місяців тому +1

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

    • @catherinelijs
      @catherinelijs  7 місяців тому

      🤐

    • @20mim20
      @20mim20 7 місяців тому

      @@catherinelijs its ok your secret is safe 🤫

  • @emilz0r
    @emilz0r 5 днів тому +1

    Did you really use jQuery for the promise example?🤭

  • @DeLaFaKoNaM
    @DeLaFaKoNaM Рік тому

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

  • @muizuddeenahmad6142
    @muizuddeenahmad6142 2 роки тому

    How can i contact you ma'am ?

  • @trini8042
    @trini8042 5 місяців тому +1

    Great video!