Javascript Interview Questions ( Closures ) - Lexical Scope, Output based Questions, Polyfills

Рет қаралды 105,502

Күн бұрын

#Javascript #FrontendInterview #AccioJob
Javascript Interview Questions on closures will be discussed in this video including topics like Lexical Scope, Scope Chain, Output based Questions, Once and Memoize Polyfills, etc.
Apply Now for free (AccioJob) : bit.ly/3M4V88q
AccioJob is an IIT Delhi alumni-led startup that runs a 6 month Pay after Placement Full Stack Web Dev Training. Students are trained on Data Structures and Algorithms, Full Stack Web Development and backend web development. Students get placed above 5 LPA. AccioJob students are working at Amazon, Walmart, VISA, BharatPe, Paytm, ThoughtWorks and 190+ more companies.
Key Highlights of the program:
- ZERO fees till Placement above 5 LPA in Software Development
- Average CTC: 8.3 LPA; Highest CTC: 41LPA
- Dedicated placement team & Interview preparation
- Industry-relevant Projects, Mock Interviews, Resume & Portfolio building
🟦 Follow me on Twitter and u will clear your interview 🤓 -
/ piyush_eon
⭐ Support the channel and learn from me One on One -
/ @roadsidecoder
📖 Blog for this video -
roadsidecoder.hashnode.dev/cl...
🔗 Var, Let and Const Interview Video -
• Javascript Interview Q...
🔗 Functions Interview Video -
• Javascript Interview Q...
🔗 JavaScript Interview Series -
• Javascript Interview Q...
🔗 Cars24 Interview Experience -
• Frontend Interview Exp...
🔗 Unacademy Interview Experience -
• Frontend Interview Exp...
🔗 MERN Stack Tutorial with Redux -
• MERN Stack Project Tut...
🔗 React Beginner's Project Tutorials -
• React JS Project Tutor...
-------------------------------------------------------------------------
00:00 Intro
00:33 What is Lexical Scope?
02:22 A great oppertunity for you!
03:38 Lexical Scope - Interview Question
04:52 What is Closure?
05:43 Example of Closures
06:56 Why Closure?
08:19 Closure Scope Chain
11:12 Question 1 - What will it print ?
13:09 Question 2 - Write a function for this
15:28 Question 3 - Time Optimisation with Closures
18:07 Question 4 - setTimeout + block scope with Closures
23:07 Question 5 - Create a private counter
25:48 Question 6 - What is Module Pattern?
27:31 Question 7 - Make this run only once
30:14 Question 8 - Once Polyfill Implementation
34:02 Question 9 - Memoise/Caching Implementation
39:37 Question 10 - Closure vs Scope
40:22 Written Article for this video
-------------------------------------------------------------------------
Special Thanks to our members -
Trevor M
Srinivas Ayyagari

Пікірлер: 151

@RoadsideCoder 2 жыл бұрын

🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details ➡ Book an Interview Preparation call with me ( 20% OFF for limited time ) - topmate.io/roadsidecoder 🟪 Follow me on Instagram and u will clear your interview 🤓 - instagram.com/roadsidecoder/

@rxtechandtrading 2 жыл бұрын

not a bad service my friend

@sunnykalita675 3 ай бұрын

Bro thanks for sharing such knowledge in your videos but at the same time you need to make sure you are doing it right as so many people are watching these content , here in memoise polyfill your code is mistaken Json.stringyfy(...args) will not return us "500,500" in res object instead it will just jive us the first value of the array as we are not iterating the args array therefore even if we pass (500,500) and (500,600) as args we will get the same result and in the second function call res will mark the args as present in the object already, so to avoid we can do argsCache = args.join(",") then it will store in the res object as explained in the video by the way thanks for your content. happy coding to all

@ankitasingh734 Жыл бұрын

These series are true GOLD, if possible keep on adding.

@hmehta051 2 жыл бұрын

Great content, i recently gave a interview in cleartrip they asked this 4 question 1) write polyfill for promise 2)deep comparison of object 3) polyfill for call, apply,bind 4) polyfill for map, reduce,filter, forEach. It's help me and others if you can cover this questions

@ayushmukhopadhyay7470 2 жыл бұрын

Did u apply for entry level job ?

@saikumargatla4706 6 ай бұрын

Did they asked DSA. Will it be ok if I will solve the DSA questions in c++ instead of javascript. What do you think

@hmehta051 6 ай бұрын

They hiring for ui developer so doing DSA in javascript gives you advantages over other candidates

@JudoboyAlex 2 жыл бұрын

Please do asynchronous/ concurrency javascript interview questions. They are the toughest. Thanks for this!

@show_me_the_moneyy Жыл бұрын

Nice video - closure examples which are more real world and practical are covered

@arpithiside Жыл бұрын

What a wonderfule video!! Got to learn so much.. thanks a lot ❤❤❤

@vinaypatil8009 Жыл бұрын

This series is god level series 🔥🔥🔥

@friendshipwithjavascript 2 жыл бұрын

UseFul Content With Endless Wishes

@jenso413 2 жыл бұрын

ahh this video finally made a bunch of things click for me, thanks man!

@ankushladani496 2 жыл бұрын

Most awaited video....👏💥

@DS-zr9gv Жыл бұрын

Through middle of this session and I already feel enlightened. Thank you so much :D

@RoadsideCoder Жыл бұрын

Wonderful!

@ShivamSingh-ct1ix 2 жыл бұрын

I never found something like this on youtube Gr8 job man

@rxtechandtrading 2 жыл бұрын

hes awesome seriously-knowledgeable to

@AnandKumar-dc2bf Жыл бұрын

Videos are good. But one suggesting instead of asking us to refer ur previous video just explain the functionality in one line & it will be much much helpful...

@pavithrasai1392 2 жыл бұрын

In the private counter example, is the _counter variable not initialized every time the add or retrieve methods are called?

@hellisayhello 2 жыл бұрын

Hi RoadsideCoder, great lessons, your explanations are very clear, thank you for all this work! I still have a question about "Question 8 - Once Polyfill Implementation" You pass a "context" argument and then apply it to the function, but I don't quite understand in which cases it would be useful? In your example "this, arguments" are applied, and everything would work even if we delete "context" from the code. When is it useful to pass a "context" and what kind of data is expected for this argument?

@juniorWeb247 2 жыл бұрын

such a wonder full video with superb explanation,. Thanku so much for this information.

@RoadsideCoder 2 жыл бұрын

Welcome ❤️

@elton-react-dev 10 ай бұрын

Amazing 🔥🔥🔥 thanks for that.

@subhashgn1775 2 жыл бұрын

Thank you for the great resource.🤝 very grateful to your contribution man🙌..

@RoadsideCoder 2 жыл бұрын

Thank you for appreciation ❤️

@AmanSingh-qr3ld 2 жыл бұрын

Worthy 40 minutes. Keep sharing this kind of videos :-)

@rxtechandtrading 2 жыл бұрын

yup i agree

@RoadsideCoder 2 жыл бұрын

Thanks a lot 🙏

@user-uh7wz6zx6e Жыл бұрын

@Roadsidecoder For the time optimization without using closure part , as i give higher number time taken is less, any idea why is this happening? function find(index) { let a=[]; for(let i=0;i

@abhishekchaurasia_ 5 ай бұрын

Your explanation is very clear and the content is very useful. Can you make series for MERN interview questions

@abhishekvishwakarma9045 2 жыл бұрын

your Interview series is amazing 🔥 and worth watching 🚀

@RoadsideCoder 2 жыл бұрын

Thank you!

@RahulChauhan-lm8mk 2 жыл бұрын

Many thanks for this video. It's really helpful to clear my concepts. My praises and lots of love to you.🙌❤

@RoadsideCoder 2 жыл бұрын

Thanks a lot 🌸❤️

@anubhapant5227 4 ай бұрын

Thankyou for this knowledge packed closures' video Pyiush. It is the most detailed video I found on KZfaq and it covers all the important questons. Please make more of such content 🖖👍👌

@RoadsideCoder 4 ай бұрын

Thanks! I have created an indepth course covering all such topics - roadsidecoder.com/course-details

@itsMohak Жыл бұрын

You are terrific.

@ajaysankapal3175 Жыл бұрын

how 'ran' variable storing the value return by 'func.apply()', because 'apply()' method does not return any value?

@iamankitdadhich 2 ай бұрын

use IIFE to make it work with var for (var id = 1; id

@ganeshtiwari2550 2 жыл бұрын

hello sir like i m from commerce to learn deeper n easy understanding before entrying in full stack should i do any course before that can u say plz

@aditiagarwal7574 24 күн бұрын

Amazzingg 🎉🔥

@A9kit.k 2 жыл бұрын

Thanks Piyush brother

@aviii24x7 5 ай бұрын

what area all those extensions creates yellow line to tell bracket closings etc

@SalmanKhan-lx9kp 2 жыл бұрын

I genuinely enjoy your videos. will be giving interview in 2 months. Keep up the good work.

@RoadsideCoder 2 жыл бұрын

Best of luck!

@rxtechandtrading 2 жыл бұрын

me to

@rxtechandtrading 2 жыл бұрын

This guy is great - good content and personality to

@RoadsideCoder 2 жыл бұрын

Thanks 🙌❤️

@ShubhamPatil-rr4on 2 жыл бұрын

Great awesome amezing ....♥️💯 I don't have words for you ... Really nice content..... Keep it up

@RoadsideCoder 2 жыл бұрын

Thanks a lot brother

@user-vr2pg4ln2j 4 ай бұрын

i didn't understand how closures helped in question 3 - Time Optimization . Can anyone please help?

@emilyaung2963 2 жыл бұрын

For those of you wondering how to fix the var scope issue with closure. const c = () => { for(var i =0; i < 3; i++){ ((i) =>{ setTimeout(() => { console.log(i); },1000); })(i); } } c();

@bhupendersoni5467 Жыл бұрын

function a(){ for(var i = 0; i { console.log(val) }, i*1000); } }

@praveengautam4689 11 ай бұрын

for(var i = 0 ; i < 3 ;i++){ (function(i){ setTimeout(()=>{ console.log(i) }, 1000*i); })(i) }

@kashmirtechtv2948 5 күн бұрын

Why do we need to call a function and save it im variable and then again call it with that variable????

@AjithKumarsham Жыл бұрын

Nice video but you did not clearly explain why the time got reduced in the time optimization :( I'm assuming it is meoizing the values underthe hood!

@shortflicks83 8 ай бұрын

Superb dear

@A1996ARP2075 2 жыл бұрын

Great content on closures keep making more and also make on React challenges which are asked in interviews

@RoadsideCoder 2 жыл бұрын

Thanks a lot!

@rxtechandtrading 2 жыл бұрын

true

@annazacharz3959 2 жыл бұрын

wouldn't the function function likeTheVideo(){ if(view !=undefined){ return; } view = 'dave' console.log("subscribe to ",view) } would also allow soolve problem 7 ? Awesome video btw

@TravelwithPujarini 2 жыл бұрын

Excited for this video 🤩

@RoadsideCoder 2 жыл бұрын

🙌

@kedarkulkarni0074 2 жыл бұрын

Eyes on fire🔥🔥

@kashmirtechtv2948 4 күн бұрын

But as a React js Developer, i have never used apply, bind, this

@ankushladani496 2 жыл бұрын

Great.... content quality...

@RoadsideCoder 2 жыл бұрын

Thanks a lot 🙏🔥

@anandstephan6020 2 жыл бұрын

next video please on how this concept in applied in ReactJS

@anandoganiya9070 2 жыл бұрын

Can you make for react

@aquibmohd Жыл бұрын

17:47 why did this take less time please explain?!

@Lavkushkumar-cn9me 2 жыл бұрын

Waiting... Hope we also get some logical type questions in it

@RoadsideCoder 2 жыл бұрын

Yes it has a lot of awesome logical questions!

@Lavkushkumar-cn9me 2 жыл бұрын

@@RoadsideCoder thanks sir!

@orz5516 7 ай бұрын

please add some algorithm questions and class / constructor functions question which are often ask in interviews. for example: implement a MinStack. By the way, a friend of mine got the setTimeout with var and let question in his last interview.

@RoadsideCoder 7 ай бұрын

here are the algorithm questions - kzfaq.info/sun/PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4

@cricketkeeda82 2 жыл бұрын

Great brother very helpful ❤️👏 Bhai please ek personal portfolio website making ke bare may sikhao next video may please 🥺

@RoadsideCoder 2 жыл бұрын

Yes, video for that will be coming soon!

@pavithrasai1392 2 жыл бұрын

In the once polyfill, can we use call instead of apply? If yes then how? Also you are modifying function param to null right, won't that cause any issues?

@RoadsideCoder 2 жыл бұрын

Yeah, in call you can spread the arguments array

@saikumargatla4706 6 ай бұрын

Hey Piyush that Time Optimisation part was something new that I learnt today 16:20. Can you explain the the exact reason what closures did such that it took less time to execute the function

@himasailagonugunta2758 4 ай бұрын

same doubt can anyone help

@hamzashaikh9164 2 жыл бұрын

Wooow🔥🔥🔥🔥

@mohd.irfanlohar4544 2 ай бұрын

let count = 0; (function caller() { if(count === 0){ var count = 1; console.log(count); } console.log(count); })(); can anybody explain why this code gives undefined only

@manibansal8047 Жыл бұрын

Hi Piyush, As per Ques no. 1 on line number 6 if (count ===0) so count is taking value from outer scope variable , but in below case it is throwing error : VM654:3 Uncaught ReferenceError: Cannot access 'x' before initialization at abc (:3:17) at :7:1 let x = 9 function abc(){ console.log(x); // It should print 9 as in Ques no. 1 count was accessing value from outer scope which is global let x = 5; console.log(x); } abc(); Please explain

@AjithKumarsham Жыл бұрын

Dood it's because of let and const is in temporal dead zone, If condition only executes it's respective code in it's block since let/const has block scope, In his example, count was not there in the function block it' was inside if block. but for your case since there's no block, It first check abc's scope while executing the code, so in the execution context it will first store x in temporal deadzone, so you have to initialize before accessing, Hope this answers your question

@neerajmali-dx5dq Жыл бұрын

Sir last ke 2 samjh me nahi aayebilkul bhi context and aaplly

@mayankpatel2062 10 ай бұрын

For revision : Q)What is closure? A)The function bundled with its lexical environment closed to that function simply function + Lexical environment

@tmoneyy5697 2 жыл бұрын

I love your channel bro. Are you a self taught developer? I’m trying to learn react js and struggling a little bit

@RoadsideCoder 2 жыл бұрын

Yes I'm a self taught dev, contact me on Twitter and I'll help u out!

@yasharma2301 2 жыл бұрын

Great Video! Design patterns at the end of series?

@RoadsideCoder 2 жыл бұрын

Sure, I'll add them as well!

@lakshayoza 2 жыл бұрын

make a video on async await and callback hell

@RoadsideCoder 2 жыл бұрын

Sure!

@kewalkandpal 2 жыл бұрын

🔥🔥🔥🔥

@A9kit.k 2 жыл бұрын

Waiting

@SalmanShah95 2 жыл бұрын

I am following your MERN chat app playlist and I need your help .Can you help me?

@RoadsideCoder 2 жыл бұрын

Sure, contact me on instagram @RoadsideCoder

@vijaykumar-ps5pq 2 ай бұрын

❤

@mohininarwade1108 Жыл бұрын

Nice video but you did not explain why the time got reduced in the time optimization question… because of this still I have no clarity of the use of closures… can you please reply??? also I saw that you don’t even replies to your subscribers comments… please start replying

@abin_4857 2 жыл бұрын

please make some videos on React interview questions.

@RoadsideCoder 2 жыл бұрын

Coming soon

@rakaa31 2 жыл бұрын

i wanted to ask! from where you learnt JS??

@RoadsideCoder 2 жыл бұрын

MDN Docs

@kedarkulkarni0074 2 жыл бұрын

Make this run only once question.. can we do it using Boolean? By default var will be false once it's called it becomes true

@RoadsideCoder 2 жыл бұрын

Yeah of course

@sagar7929 2 жыл бұрын

Hello sir How are you? Please do more new series on nodejs with socket that use real world application! Thank you❤️

@RoadsideCoder 2 жыл бұрын

Yeah, Definitely bro ❤️

@sagar7929 2 жыл бұрын

@@RoadsideCoder can't wait your new series and please do more series on nodejs expressjs🙏🏽🙏🏽 Thank you❤️🙏🏽

@RoadsideCoder 2 жыл бұрын

Follow me on Instagram @RoadsideCoder to stay updated!

@sagar7929 2 жыл бұрын

@@RoadsideCoder sure sir

@TrainedFresher 2 ай бұрын

function Namedis(){ var name="aksuman"; } Namedis() console.log(name) iam doing same thing but i am not getting error with this why?? unable to find answer plz help

@sachinmishra803 2 ай бұрын

Please change your variable name because name is a reserved keyword in js

@abhaaslakra2076 Жыл бұрын

How many years of exp do you have? I'm preparing for 2 years and and I'm really very exhausted

@RoadsideCoder Жыл бұрын

@dheeraj2729 2 жыл бұрын

Could you please do nodejs projects

@rxtechandtrading 2 жыл бұрын

I have on bro-free

@tejusgroup6695 2 жыл бұрын

💯👌👌

@naveen9882 11 ай бұрын

17:40 how did closure saved time can anyone explain ???

@ashwinbhargava3011 11 ай бұрын

In the previous `find` function the loop which filled the array runs a million times on each call. So when you called it twice, first for number 6 and then second for number 12, the loop ran twice for total of 2 million. Basically the loop was running on every call. The optimized `find` function ran the loop once and then returned a function which will just log out the array index value. So when the host run `const closure = find();`, the loop runs and an array is created and a function is returned which is stored in `closure` variable. Now when you use closure variable like `closure(6)` or `closure(12)`, the loop won't run as it has already run and the filled array is referenced to closure function via the concept of closures. So you may run the function 10 times the loop will run only a million times contrasting the previous function which would have ran 10 * million times. Feel free to ask a follow up.

@naveen9882 11 ай бұрын

@@ashwinbhargava3011damn, it's clear now. Thanks for the explanation 🤜🤛

@vikrambam1184 2 жыл бұрын

Vikas Vishal i have to change all li : script :- let li = document.querySelectorAll('li') li.forEach(elm=>{ for(let i = 0; i

@ankitmehrotra8519 2 жыл бұрын

li. Foreach((el, indx) => el. Textcontent = indx)

@user-ts2db7iy9z 3 ай бұрын

case 1 : function x(){ var a = 7; function y(){ console.log(a); var a = 5; } y(); }; x(); output : undefined case 2 : function x(){ var a = 7; function y(){ console.log(a); } y(); }; x(); output : 7 case 3 : function x(){ var a = 7; function y(){ var a = 5; console.log(a); } y(); }; x(); output : 5

@musiclovers8488 Жыл бұрын

what will happen if we create simultaneously two function inside of a function?? like :- function a() { function b() { return "this is clouser or not?"; } function c() { return "is this a closure also ?"; } }

@mattwayne9128 Жыл бұрын

Nothing. Because neither function ends up getting called.

@InDiAnAjOnEs0002 8 ай бұрын

I'm not getting the 100 years of good luck, what needs to be done?

@RoadsideCoder 8 ай бұрын

Follow @Roadsidecoder on Instagram

@gauravdhenge6328 11 ай бұрын

for(var i=0;i

@emilyaung2963 2 жыл бұрын

did I just see hair extension ads on your browser ? lol

@muziahmed3419 Жыл бұрын

In the question at 27.40 i.e question no 7, the functionality which you wanted is easily acheived by the below code, let view = 'Roadside Coder '; let num = 0; const singleFunction = ()=>{ if(num > 0){ console.log('already Subscribed') } else { console.log('subscribe to' + view) num++ } } what is the difference between the code which you wrote and the above code? In my approach, I didn't had to create inner function.

@ViSiOn-mtnr 9 ай бұрын

You can do that as well as you have created a global counter but in video the counter is a local variable. Every time you call that function, the counter will be 0 this is why closure is used to store the reference of previous count

@vardansharma6020 8 ай бұрын

-var doesnt have a block scope !! -private counter Module pattern private functions are not returned

@rajsundarm48 Жыл бұрын

Answer for 21:48 timeline var funcs = []; function createfunc(i) { return function() { console.log("My value: " + i); }; } for (var i = 0; i < 3; i++) { funcs[i] = createfunc(i); } for (var j = 0; j < 3; j++) { funcs[j](); } Hope it helps for you guys

@praveengautam4689 11 ай бұрын

for(var i = 0 ; i < 3 ;i++){ (function(i){ setTimeout(()=>{ console.log(i) }, 1000*i); })(i) } this is what roadside coder wants

@pranshuadhwaryu6374 11 ай бұрын

100 of years of Reasearch lol 0:12

@friendshipwithjavascript 2 жыл бұрын

Love 💕 from Pakistan

@siriusplayz5871 Жыл бұрын

the example at 10:01 is function currying, right? @roadsideCoder

@Pareshbpatel 2 жыл бұрын

{2022-05-18}

@neerajmali-dx5dq Жыл бұрын

Sir please try to explain in hindi

@rahulmishraER 2 жыл бұрын

Nice way of explaining Buddy .... Try explaining in Hindi too .... Might increase lexical scope 😀 Thanks for researching and sharing knowledge 👏

@RoadsideCoder 2 жыл бұрын

Hahah good one!

@jrandy 8 ай бұрын

Wrong. A closure is not a function

@kashmirtechtv2948 4 күн бұрын

What???

@yaash.guptaa 2 ай бұрын

You literally do 100 of years of research?🤣🤣🤣🤣

@shatnuu_ 7 ай бұрын

stop smoking weed so high..

@akankhyapanda7490 Жыл бұрын

@bhanuprakash1863 23 күн бұрын

Question 7: Make this run only once We can also write like this. Is that make sense? @RoadSideCoder Brother I'm waiting for your reply let called = false; function likeTheVideo() { if(called === false) { console.log('First time we are calling') called = true } else { console.log('Already we are called') } } likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo() likeTheVideo()