5 Essential JavaScript Interview Questions

[@gabesdum]

0:18 - 1. What is a closure? 5:10 - 2. What is hoisting? 8:44 - 3. What’s the difference between a Promise and a callback? 12:33 - 4. How does “this” work? 18:23 - 5. What is a prototype?

[@CodingWithChaim]

Thanks this is helpful!

[@kennethmartinez3685]

Same bro, same. Haha

[@computeraidedyami]

Same bro, jaja

[@teothedoor]

Thank you kindly :)

[@EvuLYT]

20 minutes of complete value, best video I’ve seen on JS. Answered every question that popped into my head. Truly remarkable.

[@RishModi]

Damn, I had to check twice wether I was watching this at 2x speed lol. Regardless a great video. Thanks!

[@mustafabaaj8774]

me too =)))

[@sloflo]

Adderall

[@samirhajdarevic7757]

Hahhah I put on 0.75 at the start of the video, but I went to eat, and then I came again and started watching, but forgot that am on 0.75, so I double checked am I on 0.75 :D

[@troyporter3825]

haha funny i saw this comment...i usually watch videos at 1.75. I had to slow this guy down lol

[@joshuaperezleduc871]

In the beginning i was skeptical of “help you land your next role” but i have been asked these questions almost every time and i have to agree that this will in fact help!

[@inordirectional]

I've never thought of it as 'declarations get hoisted, assignments don't' but that's a good observation and will make it super easy to remember the behavior of var and function declarations.

[@Curiosity1112]

I had to stop the video after 2 min...and appreciate your great teaching style. It is so clear and concise. Like a breath of fresh air. You have a true gift. If you were to make a full blown tutorial on anything I would purchase it without hesitation. Toda raba.

[@CodingWithChaim]

Wow, thank you!

[@universalpatternmedia4957]

This video made me a position in a very relevant company, absolutely everything that this video covers was asked to me on the interview, and if i didn't watch your video before it, I would have never answered so clearly to these VERY relavant questions about JavaScript! Thanks for sharing your knowledge with the rest of us, it's definitively something that all of us should consider on doing to our next generations to come.

[@vijayabiradar687]

My goodness!! How can you be so crystal clear while you explain!! I'm glad that I hit your video.

[@robyeomans1137]

So clear! So many hours watched and all I needed was 20mins from you! Thanks!

[@CodingWithChaim]

I’m really glad you find the video useful

[@earlymorningcodes6100]

After so wasting so many months ,got to know that it could have been cleared in just 20 mints ❤❤❤❤

[@bludbafMcgraf]

Buddy was going fast as hell and sounded like he had a speech impediment... And yet... This is by far the best and most clear/concise breakdown of any coding problem/scenario/ or docs detail i've ever heard... Subbed

[@markriddell2093]

Been trying to wrap my head around hoisting all day and this was the clearest answer i could find.

[@LeeerroyJenkins]

In my first ever interview I was asked about closures and hoisting. They also tested my knowledge on the .map(), .reduce() and .filter() functions, which of course also included callbacks. Mind you, that was one part of the whole interview but these are definitely popular questions.

[@crisi6754]

What was the position for if you don't mind me asking? :)

[@LeeerroyJenkins]

@@crisi6754 Hey! It was for a junior front end developer role. The stuff I mentioned before was the only technical/white board aspect of it so that was pretty brief. The rest was just figuring out who I was and why I wanted to be there, what kind of stuff I built and what my experience was with the technologies I listed on my resume (only put things you're ready to talk about in depth). The last guy asked me about inversion of control, dependency injection, and asked me to name some design patterns and what I knew about them.

[@osamagamal495]

the funny thing is, I've been developing javascript and react apps for 2 years and I feel like it's the first time for me to understand most of these concepts. :'D

[@yashraj4272]

Const and let do show some sort of hoisting.. const x = 1 { console.log(x) // Reference error const x = 2 } This shows const x got hoisted at top of curly braces. Source - MDN Web Docs

[@MasPensador]

I never comment on someone, but you are a legend, simple, and clear, and the analogies and examples are spot-on, and simple enough for anyone to understand. Engineering should always be explained simply enough for everyone to understand even if they can't code. Sometimes the only blocker between a bad and a good developer is the understanding of the concepts he is using in his own way. There is a need for a compiler between the technical explanation and our understanding. well done. Bless

[@claudiuh9335]

I would like to say, that this is the clearest and fastest way I've seen about this subjects! Wow, well done!

[@caiofuccio5788]

Just to add to your hoisting explanation and detail why we percieve that JS brings the functions and variables to the top of the scope, JS has two main phases when building your code: the creation and the execution phase. In the creation phase, JS does a syntactic and semantic verification (tokens and lexemes), and by the time it allocates in memory the variables and functions, but does not initialize them. That's why JS will know functions exist before they are initialized, they exist in memory, but it fails to work with a variable that is a function, because in the creation phase the variable whas allocated in memory with a undefined value

[@arvi8843]

One of the most valuable videos I've watched to refresh my memory on how to explain terms just in case it comes up during tech interview. Succinct explanation! Thank you.

[@nakimapi]

Great video, everything's very clearly explained! It's best if you watch it with 0.75 playback speed :)

[@rishabkumar3888]

lol I was watching at 2x and it was smooth. :)

[@adnantariq3346]

This video has over 80,000 views. I’m surprised it doesn’t have over 80,000 comments thanks you for your clear n easy approach to be explaining such annoying/ difficult concepts of what is a loosely type programming language.

[@nicklandreth2527]

Your videos need more attention. These are very clear explanations. Great content.

[@Bejli7]

That burger example was really good, it helped me to finally understand the concept of Promises. Great video!

[@CodingWithChaim]

You can thank Kyle Simpson for that example. Really helped me understand it as well

[@sathirakatugaha974]

Incredibly efficient yet extremely valuable video

[@srikarravoori124]

You made it clear the diff b/w Promise and Callback. Its great all other concepts too very clear. Great!

[@nickvoclimbs]

The explanation on closures was perfect for me.

[@teothedoor]

That's just a BANGER GOLDEN video, obligatory to rewatch. Subscribed to you, such content needs to be praised with more subscriptions.

[@wjatek997]

You cannot be bored watching these videos. Great job!

[@DesignDensity]

5:00 const compute = (addOrMinus) => { if (addOrMinus === '+') { return (x, y) => x + y; } return (x, y) => x - y; }; console.log(compute('+')(5, 6)) // result => 11 console.log(compute()(5, 6)) // result => -1

[@SoftwaresCares]

You are an excellent Javascript tutor! I am preparing for Job interview and I feel like I have passed it

[@CodingWithChaim]

thats awesome! Please report back once you know

[@brendanduffy827]

You are very good at explaining things. You could write a JavaScript for Dummies book for sure!

[@jloiterer]

I had a production nightmare once with regards to our IE8 customers when I used prototype to add a method to an Array. IE8 treated it like the element had an additional array value. This bug prevented 1% of our customers from being able to check out at all - which obviously was a priority 1 emergency. I'm so glad IE8 is gone.

[@caseyhald]

This guy is insanely smart. Got my sub.

[@cmj1904]

What a great refresher for me I have a couple of interviews coming up. Thank you!

[@danieltkach2330]

I really love that I don't have to set the video to 2x like you have to for practically all other tutorials. Thanks for this haha

[@DevonVanNote]

I didn't know about the prototype functionality that's really helpful coming from a C# background. It allows me to mimic inheritance like I am used to in C#, in JS. Prepping for a possible interview as a Node JS Backend Developer. Your videos have been extremely helpful.

[@RoTz0101]

I had an interview yesterday regarding a JS developer position for a pretty relevant company and I aced it. The reason? I found this video the night before it and god how grateful I am that I did that. I got asked exactly the first two things on this video, what is closure? and what is hoisting? This is excellent and well-explained content. Awesome job!

[@pawansharma-yh3mx]

These 20 minutes can get you a job definitely

[@justadev____7232]

For your localSayName 'this' example you can also use .call method like so: const localSayName = person.sayName localSayName.call(person) // returns 'chaim, we are saying attach 'this' to the person object when calling localSayName.

[@karolinasowa4559]

Yeah very good video! Thanks a lot, finally I understand "this"! 💪

[@CodingWithChaim]

ayyyyy! thats awesome! I am happy to hear that

[@gregorriusadolphus2729]

Maaaann....this is GOLD! Thank you for such clear explanations!

[@73dines]

What a tempo! :)

[@DedicatedManagers]

At 18:08 why is the “this” keyword (in the arrow function) pointing to the global context and not at its parent object?

[@davidnguyen6541]

it's because of the fat arrow function gets the context of 'this.' globally when declared like that. You can declare the fat arrow function directly instead of key/value within the object (es6) and then 'this.' will be scoped intentionally to the object. ex: const person = { name: 'kevin', sayName() => { console.log(`${this.name} is my name`);}

[@noone-gz4pc]

Thank you so much!!!! I’m using this for my next technical interview.

[@naiadbaksh3996]

Love the way you explain things. Very useful for interviews. Mazel tov.

[@TibbyProductions]

Great video! Really helped me to prep for my first junior JS dev interview. One thing though, from what I understand and have researched is that let and const do get hoisted, they just don't get initialized with a value of undefined, whereas var does.

[@CodingWithChaim]

Correct

[@ryanpanos8862]

Well done!!! very concise and I commend your choices of questions. I think the piece I missed was WHY does the arrow function indicate global scope at around min 18? I believe it is bc this is defined when CALLED as if there was a bind(this) on line 22, correct?

[@yassya.5591]

Very compact video. So much information. Well explained. Well articulated. Am very impressed. 20min felt like 5mins and that's due the pace at which you speak. Well done. Keep up the hard work.

[@ziaahmad8738]

this vid was amazing, really helped me improve my concept about all these essential parts of JS.

[@inordirectional]

About what 'this' refers to for arrow functions: for the second version of person (with the arrow function), you say that the reason 'this.name' is undefined is because the 'this' inside the arrow func just refers to the global context, where no 'name' property is defined. Why does the following code print 'Percival', 'Gloria', 'undefined' then instead of 'Percival', 'Gloria', 'Gloria'? Because it seems like if the arrow function's 'this' was globalThis, then it should also print Gloria. global.firstName = "Gloria" // (same as firstName = "Gloria", globalThis.firstName = "Gloria") const person = { firstName: "Percival", sayHello: function () { console.log(`Hello ${this.firstName}`) } } const arrowPerson = { firstName: "Aaron", sayHello: () => { console.log(`Hello ${this.firstName}`) // (could use arrowPerson.firstName for 'Aaron'.) } } person.sayHello() // => Percival const globalSayHello = person.sayHello; globalSayHello(); // => Gloria arrowPerson.sayHello() // => undefined?

[@mocococo2877]

There is no such thing as global.firstName. If you want to put a variable on global scope you do it like window.myGlobalVar .

[@Alexgub84]

Thanks! I like the way you are explaning everything, it's like you are speaking directly to my brain!

[@mmbower1]

You are very clear and concise describing these exact concepts I need to touch up on!

[@CodingWithChaim]

Thanks! I am glad you found the video helpful!

[@davidgarcia-rv3fs]

dude you are an excellent teacher.

[@serjio8781]

I hate theory; however, I love your videos, so I watched this one as well :D So I've got a few questions 2) Hoisting.. I think I got the idea. My question is why would we ever call a function before defining it?? 4) This keyword: (14:46) why does it turn into global context?? Why not localSayName.sayName? 16:04 (is there any real life usage? why would we ever define a const (person) and then have another const (boundSayName) = person and bind it to person. Seems redundant) Amazing video anyway. It was like WOW holy sh*t I didn't know you could do that in JS O_o

[@CodingWithChaim]

Fantastic questions!! The problem is these are a little tough to answer here in comments. Maybe I should make a follow up video?

[@serjio8781]

@@CodingWithChaim That'd be great. Personally, I would love to see some more like real life examples (I'm not experiences, so some of these interview questions seem kinda wierd. like yeah you probably have to know this stuff but when / where are you gonna use it ever??? (While debugging I guess:D )

[@alfredwindslow1894]

Answer to 4) why it turns into global context. Some background details. The object that the this keyword in JavaScript refers to in an arrow function is defined ‘statically’/‘lexically’. This means that instead of defining it dynamically depending on how you call the function (such as with a function deceleration), it is instead a constant value which is defined based on where you define the arrow function. Now to answer your question. How does JavaScript decide what object to refer ‘this’ to in an arrow function? When you define the arrow function it simply inherits whatever the this object refers to in the parent scope.

[@mallikarjuns5742]

Mind blowing explanation..... 100% clearly explained the concepts....

[@Imurenge-TV]

Can you show us a tutorial of how to code the LAYOUT for guest viewer to where webRTC camera LAYOUT SWITCH

[@ornous]

Nice video Chaim. Very clear instruction 🙌

[@tonyhill5966]

An awesome and detailed explanation of how functions are 'hoisted'. However, I think it's valuable to focus more on how objects are being added to memory during the compilation phase by the compiler creating the illusion of 'hoisting'. With that, the code that we usually say is hoisted doesn't actually move. It stays exactly where you wrote it.

[@tneswick2]

Dude you explain it so well

[@MaxMajc]

Great tips. Would be awesome to include event loop and concepts of HOF and delegation

[@sonamshrishmagar6035]

Dude, such a clear explanation! Namaste and gratitude from Nepal!

[@sciencequake744]

thank you so much, i wish you were my teacher. Please make more of these

[@dailydoseofchocolate9411]

I wanna thank you for your valuable and precisely chosen topics which is conveyed in the fastest and most efficient way. Keep up the good work and wish you the best 💕

[@ruveendradewshan128]

Excellent tutorial. Very articulate, thank you so much!

[@vladaliman97]

Nice video and thanks for covering the most asked and important questions for Js. You got a new sub!

[@USMANMUSAADAMU]

First time I'm watching your content and I'm in love with your energy. I hit the subscribe button without thinking about it.

[@panahi3446]

Thanks for this great vide, they asked all questions you covered plus import and export

[@John-qk4mk]

I had to stop half way through... you're an AMAZING teacher!!!

[@CodingWithChaim]

Thank you! Really appreciate that

[@John-qk4mk]

@@CodingWithChaim you're welcome!:)

[@Banalitude]

Just found your channel and it is super informative, thank you !

[@MistaT44]

Love it! Clear and straight to the point.

[@דניאלשטרית-מ7ס]

First Jewish developing channel, respect!

[@saltech2024]

The cap he wears thus gets hoisted ontop his head 😂

[@earlymorningcodes6100]

❤❤❤long live jews

[@pranav2270]

Crisp clear explanation ,thanks

[@shenth27]

Actually let and const do get hoisted but without initialised with default values, thats why you get error

[@LORD-xm1hn]

This video made it so simple and clear to understand, thanks

[@developerfriendly]

Very good and informative video, thank you very much

[@CodingWithChaim]

You are very welcome!

[@christerjohanzzon]

These are some excellent tech questions! I'm going to note them and start tormenting candidates with them... :D

[@george5530]

Amazing video dude, really enjoyed it!

[@urbanpuma9136]

Great circle analogy

[@vogeti3839]

What is the application you are using to run the js code ?

[@DeathByLight]

What do you use to record your videos? How did you get your webcam video on bottom right?

[@cdemetriad]

Brilliant explanations, well done.

[@0the0ambient0]

Great explanations. Thank you!

[@Ndzzle]

Great video! I learned a lot from this. You break these concepts down for even Jr. Developers do understand. Subscribed.

[@warnercooler4488]

Thanks for the awesome video! What is this IDE?

[@alexcaissy3257]

The content is amazing, the speed though..

[@eidenblock]

Man, thank you for your work. Toda raba, nice video. Just one thing. You speak very fast

[@R0N1N-TV]

What’s the closing song called?

[@vitality7195]

Assignments get hoisted as well, but with undefined value until initiazilation moment

[@vitality7195]

By the way, can callback (without setTimeout) be used insead of promise for API call?

[@vitality7195]

For API calls you can use only Promise.then or async/await, callback would not be executed at all, it only works in Node.js, am i correct? fetch(url, payload, callback)

[@RakeshKumar-bq3mf]

awesome.....great. thanks a lot Chaim for clearing the concepts...:-)

[@CodingWithChaim]

Most welcome!

[@apps9052]

Great content. Thank you for the time invested!

[@CodingWithChaim]

Glad it was helpful!

[@JohnSnow-gi7iv]

Let and const are actually hoisted but not initialised with undefined like var. But your explanation is superb

[@CodingWithChaim]

And the practical difference being what?

[@nguyenthanhminhduy8280]

This is so neat! Great Content

[@bltz5058]

This is amazing so glad I watched it.

[@hanibal43]

as always thank you for your great videos! please keep making more of them!

[@CodingWithChaim]

Will certainly try 😉

[@hanibal43]

@@CodingWithChaim I actually have an interview on Friday would love to see more interview videos especially on react hooks

[@rxlvnd3397]

Thanks man! This really helped me!

[@andrew.schaeffer4032]

Wonderful work, thanks.

[@AlgorithmAlley]

Great explanations, given at cheetah speed.

[@denizcanaltun]

Please keep it up for new videos, I'm coming after you with 0.75 speed :)) Best Regards

[@louuuuuu5]

18:15 why that console.log defines in a global context? I thought its defined within the person context..

[@CodingWithChaim]

person is an object, and an object does not create a new execution context. Only functions create new execution contexts

[@themynamesb]

Wonderful information... Lots of quality in your content... The explanation is also mind blowing.

[@CodingWithChaim]

Thank you! Glad you found the video helpful

[@themynamesb]

@@CodingWithChaim it is a pleasure to see your explanations... I saw your 5 videos in a single day...You explain so well that what you say gets fit into the brain.

[@VictoriousVipin]

Super explanation👏👏

[@CodingWithChaim]

Thank you!