Guys , setTimeout should be stored in timer variable. (Sorry , it was missed by me ) 🙂 Please find the correct code as given below. let counter=0; function getData(){ console.log("fetching Data"+counter++) } function myDebounce(call,d){ let timer; return function(...args){ if(timer) clearTimeout(timer); timer=setTimeout(() => { call(); }, d); } } const BetterFunction=myDebounce(getData,1000);
Thanks 💖 Debouncing:-kitni bhi baar call Karo current call ko manega(purani calls ignored)Orr ek fixed time ke baad he current call execute karega. Throttling:-call karega per fixed intervals per jb tk Purani call Puri nahi hoti new call nahi karega. Correct?
I had made project last week on denounce and after watching your video i feel why i waste so much time to learni it u just rock in 10 min and its takes me 3 hour to learn.... Great suneja bhaiya
@@amitkrgupta094 For better content on interview preperation , I have started my Low Level Design playlist , please take a look youtube.com/@nerdswhocode?si=c-TartdZ_5QZFwZ_
@@ahn360 yes bro you can get job but usually it's good to know some intermediate D's for frontend role or some small company don't care they can give you with just html CSS js react but for big company I itself learning D's to crack faang company interview
ha bro ! ye video totally ek fresher he dekh rha h hahah .. ye likhte hue mujhe ek cheej se or saamna krna pda .. hsne k liye laptop keyboard me ek bhi emoji nhi mila ... thodi der dimaag ldaane k baad screen pe .. emoji section ka logo mila ... to lo ab hss leta hu meri kaamiyabi pe 😄😄😂
@technical suneja first of thanks for this effort. aap ka onchange and onkeyup dono different ways me kaam kar raha hain. Onkeyup har ek key pe timeout function trigger ho raha hain jo ki galat hain. 1) aap pehele ye bolo ki dono ka difference yesa ku hain? 2)it will be better agar aap code pe debugger ya fir console.log laga ke onkeyup pe samjhao ki har ek keype keyse kaam kar raha hain?
I believe the timer is not getting initialized in the code, this will lead to memory leaks, as you are calling settimeout on every second, but not clearing the timer. The code should have been timer = setTimeout(...)
What is the use of timer and args? U just calling function inside timeout thatst this half understanding for us will leads to problem.Please provide correct info
Bhaiya ek confusion hai mern vs blockchain web3 developer kaha Jana sahi hai..mujhe thoda basic mern aata hai per mera mnn blockchain ka bhi hai per itna time nahi.And how much high can you earn as a mern stack developer.
For those who are wondering how it is working even though the setTimeOut() in not stored in timer variable. First, that is not working as how it is supposed to. The function is being called every 1 Second but the timer is not being reset even though the user inputs another letter withing 1 Second. This is why input 'ajay' runs function 4 times giving 4 outputs. You can see this @12:24. Then he changes 'onkeyup' to 'onchange' which works differnet. But it seems now the input 'ajay' is giving only one output like it is supposed to @12:46. This is because 'onchange' doesn't call function on every input, instead it calls the function only when the user loses focus off the input element(meaning user clicking outside the element), after which the whole value of input is taken as a single input hence calling function only once and giving only one output. This is also a fine example of BUG because it seems that it is working fine which is not the case at all.
Your DSA JS series is superb and amazing and one of it's own kind. Humble request to plz add more to it (Linkedlist, Graphs, Tree, more searching and sorting)
But aapko timer = setTimeout karna hoga, warna har key press pe function call ho raha hai, it's just that wo 1 sec ke delay me ho raha hai, 4 separate call for a, aj, aja, ajay
Sir agar starting me college k 4th year me 20lpa+ mile to 4-5 saal k experience k baad vo kitna hoga sir 40lpa+ hoga ky thik thak hi mehnat kr rhe hai job me aur ky vo 1cr+ jayega 10-15 years experience ya 20 years experience me pls pls pls pls pls sir
sorry sir , but mujhe is code mein sab kuch sahi nhi lag raha kyunki fuction toh jitni bar app type kar rahein hai utni bar call ho raha hai phir api bhi bar bar call hogi par aisa nhi hona chahiye
If someone wants to prepare for js, react with me... Can ping me... I just started preparing for front end profile.. And will be giving interviews in December.... Together we can prepare well..
How got a web developers internship during graduation Pls make videos and I am in 3 sem hot to get a internship i know html css and Java script. is these skills enough for getting first job
@@TechnicalSuneja udhar bhi variable ka naam same tha betters function i guess you both are referring to same source and wo bhi flipkart ka example de rhe the.I guess you both were referring same material,sorry my bad!!! Isme chodne wali baat kha se aa gyi 😂😂You both are awesome btw.
Guys , setTimeout should be stored in timer variable. (Sorry , it was missed by me ) 🙂
Please find the correct code as given below.
let counter=0;
function getData(){
console.log("fetching Data"+counter++)
}
function myDebounce(call,d){
let timer;
return function(...args){
if(timer) clearTimeout(timer);
timer=setTimeout(() => {
call();
}, d);
}
}
const BetterFunction=myDebounce(getData,1000);
Thanks 💖
Debouncing:-kitni bhi baar call Karo current call ko manega(purani calls ignored)Orr ek fixed time ke baad he current call execute karega.
Throttling:-call karega per fixed intervals per jb tk Purani call Puri nahi hoti new call nahi karega.
Correct?
ek aur improvment: args paas kr rahe ho retruning fn ko but not to callback.
00:00 - Don't skip anything 🙏
Aur kya haal sabke?
btao next topic JS kon sa hona chahiye ??
Sir video on DOM
Using Namespaces to Prevent Conflicts
How Play with data sending and receiving on server. And fully understand JSON concept please sir
Video on react js
Video on Dom
I know Dom but want details videos
I had made project last week on denounce and after watching your video i feel why i waste so much time to learni it u just rock in 10 min and its takes me 3 hour to learn.... Great suneja bhaiya
I think setTimeout should be stored in timer variable.
Yes , you are right ❣️ it was Missed by me 🙂
@@TechnicalSuneja and you explained debouncing , by clearing the timeout even without initializing it , got 39k views , waah bc
@@sanchitbatra4431 thanks bhai. Tumhare karam meri ek interview bach gi.
@@amitkrgupta094 For better content on interview preperation , I have started my Low Level Design playlist , please take a look
youtube.com/@nerdswhocode?si=c-TartdZ_5QZFwZ_
I see lots of videos but you teacheed us in better and simple way
i think this can write in better way also
let counter = 0 ;
let getData = (e) => {
console.log('Fetch Data .... ', ++counter);
};
const doSomeMagic = function (fn,d){
let timer ;
return function(...args){
clearTimeout(timer);
timer=setTimeout(()=>{
fn();
},d);
}
}
const betterFunction = doSomeMagic(getData,1000);
bhai doubt hai ,,, isme timer increment kaise horaha hai ???
way of teaching is wonderful👍
aap bhut hi accha smjhaate ho....achcha smjh me aata hai.....❤❤❤❤
Maja aa gaya bhaiya....🤘🤘🤘💥💥
Sir your channel will grow at 1m+ because very helpful and useful content for new and intermediate developer
Thanks a ton :-)
@@ahn360 yes bro you can get job but usually it's good to know some intermediate D's for frontend role or some small company don't care they can give you with just html CSS js react but for big company I itself learning D's to crack faang company interview
ha bro ! ye video totally ek fresher he dekh rha h hahah .. ye likhte hue mujhe ek cheej se or saamna krna pda .. hsne k liye laptop keyboard me ek bhi emoji nhi mila ... thodi der dimaag ldaane k baad screen pe .. emoji section ka logo mila ... to lo ab hss leta hu meri kaamiyabi pe 😄😄😂
Your way of explaining is awesome..I am 35 and have started leaning Front-End end and tons of Thanks for your video
wonderful explanation
Fentastic bhai ☺️💫
bhai doubt hai ,,, isme timer increment kaise horaha hai ???
onchange trigger when we submit the input or click mouse outside the input box, instead of onchange you should have use keyup event
Great Work Sir 🔥🔥🔥
sir your videos are so awesome. i understand easy that u explain.. it is so good
Thank you Ajay.
We really appreciate your effort
Cake wala expample kafi acha tha
Da da ma aj se Java script sikna chalu koiya💁
thank you 😄😄
Thanks bhaiya❣️🙌
Wait is over finally 😅😅Thanks for the video on this topic bhaiya . Your way of teaching is amazing
Really helpful 👍🏻
Best teacher 👍
Sir temporal dead zone in JavaScript ke baare m koi video bnao
well explained, I got it now Thanks Sir 🫡
@technical suneja first of thanks for this effort.
aap ka onchange and onkeyup dono different ways me kaam kar raha hain. Onkeyup har ek key pe timeout function trigger ho raha hain jo ki galat hain.
1) aap pehele ye bolo ki dono ka difference yesa ku hain?
2)it will be better agar aap code pe debugger ya fir console.log laga ke onkeyup pe samjhao ki har ek keype keyse kaam kar raha hain?
No worries
Mn next video me difference bhi bta dunga 🤞👍
@@TechnicalSuneja and vaiya ye bhi please bol dena ki onkeyup pe kua nehi kaam kar raha hain?
Good
Amazing video please continue regular series 👍🏻
Backend par bhi Lao aik video
thanks guruji❤
sir, your teaching style is good but voice come little slow so please increase voice so we can hear video in noise environment
Technical Suneja app bta skte hai ki is function m timer ki value sb set hogi or kha hogi ?
//There is no need of unecessary closure and args parameter.
let counter = 0;
const logger = () => console.log('searching', counter++);
let timer;
const listener = () => {
timer && clearTimeout(timer);
timer = setTimeout(() => logger(), 500);
};
document.querySelector('input').addEventListener('keyup', listener);
I believe the timer is not getting initialized in the code, this will lead to memory leaks, as you are calling settimeout on every second, but not clearing the timer. The code should have been timer = setTimeout(...)
I was also thinking that and it work with timer=setTimeout
What is the use of timer and args? U just calling function inside timeout thatst this half understanding for us will leads to problem.Please provide correct info
Hii Bhaiya startup me jada development pe focus hota he ya cp pe
Angular series aaiye bhaiya
Please continue dsa js series
🙏🙏🙏🙏any body please reply what is the concept here for ... args , is it just a rest paramater or something more than that ??🙏🙏🙏🙏
Bhaiya ji polyfill ke example krwao ek do
Noted
Nice bro
Why you have used (...args)?
Thanks
Bhaiya ek confusion hai mern vs blockchain web3 developer kaha Jana sahi hai..mujhe thoda basic mern aata hai per mera mnn blockchain ka bhi hai per itna time nahi.And how much high can you earn as a mern stack developer.
For those who are wondering how it is working even though the setTimeOut() in not stored in timer variable.
First, that is not working as how it is supposed to. The function is being called every 1 Second but the timer is not being reset even though the user inputs another letter withing 1 Second. This is why input 'ajay' runs function 4 times giving 4 outputs. You can see this @12:24.
Then he changes 'onkeyup' to 'onchange' which works differnet. But it seems now the input 'ajay' is giving only one output like it is supposed to @12:46. This is because 'onchange' doesn't call function on every input, instead it calls the function only when the user loses focus off the input element(meaning user clicking outside the element), after which the whole value of input is taken as a single input hence calling function only once and giving only one output.
This is also a fine example of BUG because it seems that it is working fine which is not the case at all.
Sir, why you are clicking outside the box as we don't need to focus out in flip cart?
Is it really possible with onchange?
Ajay, are you a front end dev or full stack?
what is the use of ...args. YOu have never used it
Super
bhai doubt hai ,,, isme timer increment kaise horaha hai ???
Can we directly use RXJS debounce operator, ?
Your DSA JS series is superb and amazing and one of it's own kind.
Humble request to plz add more to it (Linkedlist, Graphs, Tree, more searching and sorting)
Timer variable ko to kuchh value hi assign nahi ki hai ...to vo if k andar kab jayega?
First time wo nhi jayega :-) mane 3 times btaya hai iska reason video me please check again ..:-)
But aapko timer = setTimeout karna hoga, warna har key press pe function call ho raha hai, it's just that wo 1 sec ke delay me ho raha hai, 4 separate call for a, aj, aja, ajay
First time nahi jayega you are right, but jab timer ko value hi assign nahi ho rahi hai to wo next time b kaise jayega
Sir agar starting me college k 4th year me 20lpa+ mile to 4-5 saal k experience k baad vo kitna hoga sir 40lpa+ hoga ky thik thak hi mehnat kr rhe hai job me aur ky vo 1cr+ jayega 10-15 years experience ya 20 years experience me pls pls pls pls pls sir
sorry sir , but mujhe is code mein sab kuch sahi nhi lag raha kyunki fuction toh jitni bar app type kar rahein hai utni bar call ho raha hai phir api bhi bar bar call hogi par aisa nhi hona chahiye
If someone wants to prepare for js, react with me... Can ping me... I just started preparing for front end profile.. And will be giving interviews in December.... Together we can prepare well..
Baccha be like: hey bhagwan kya julam hai 😂😂😂
where is your angular tutorial
you did not assign setTimeout to timer ... please edit this video
How got a web developers internship during graduation
Pls make videos and I am in 3 sem hot to get a internship i know html css and Java script. is these skills enough for getting first job
Yes you can get, but react.js kar lo
@@jagdishjena9058 are you from odisha
Sir where front end tuterial links.. .
Check description ❤️
Thanks 👍 sir
👍👍
bhai doubt hai ,,, isme timer increment kaise horaha hai ???
sir Naukri me profile toh banaya hein but calls nahi aa rahe hein, Kya karu?
@pls see my comment why stopping dsa series sir
what u wrote wasnt the concept of debouncing ...it is just creating delay..
pls make a fresh video
❤️
Why you used (...args) did not understand
Iski playlist nhi mil rahi sir
Check description please
Sir please help me
Akshay Saini video copied!!!
Beta ji 😊 jaake match ker lo video.. TH-cam chord dunga agar aisa hua to .. kafi mehnat se content banata hun ❤️
@@TechnicalSuneja udhar bhi variable ka naam same tha betters function i guess you both are referring to same source and wo bhi flipkart ka example de rhe the.I guess you both were referring same material,sorry my bad!!! Isme chodne wali baat kha se aa gyi 😂😂You both are awesome btw.
agree .. !! akshay saini explained the same 2 years ago..
Sir ji ek baar achhe se padh k video banate