this Keyword in JS | this in Regular functions vs Arrow Functions |JavaScript Interview Series: EP-4

#javascript #thisinjs #javascriptinterview #frontend
this keyword usage in JavaScript | this in Regular functions vs Arrow Functions |JavaScript Interview Series: EP-4
• this Keyword in JS | t...
#beginners #interview #thisinjavascript #thisinjs #js
Explained this keyword and How the value of this changes dynamically with practical examples.
Call Apply Bind usage : • When to use Call Apply...
Timeline :
00:15 this in Global Scope
00:55 What is this Keyword
02:01 Scenario 2 this with object
03:33 Scenario 3 this with nested object
05:03 Function Scope vs This Scope
06:15 this in Arrow Function
#javascript #this #javascriptinterview #frontend #beginners #interview #thisinjavascript #thisinjs #js
JavaScript Interview questions and answers
JavaScript Interview Series : • JavaScript Interview S...
JS interview questions, Javascript functions, This in Javascript
this in arrow function Javascript

[@CodeWellTech]

Hey Guys, if this video is helpful to you , then please Hit the LIKE and SUBSCRIBE button that means a lot 🙏

[@mohammedzikrulla8345]

so many channels with million of subscribers could not justify this explanation!, Thank you so much

[@abcdabcd8605]

Excellent and Clear explanation!!

[@degenyakuza]

why your channel is so underrated? loved your way of teaching thanks for “this” tutorial😜

[@mearn_ctaftsman]

Crystal clear, I was so confusing before this video about this keyword. Now I am so confident 🙏🙏🙏🙏🙏

[@jenso413]

ah this is the best video i’ve seen on this topic, really cleared some things up for me. thank you!

[@amith2607]

Nice explanation!...gone through many videos for this keyword, but your video was the only which clearly taught about THIS keyword in javascript.

[@CodeWellTech]

Thanks 👍

[@sivasundarpt]

Clear Explanation about the flow of this keywords in Normal and Arrow function .... Thanks for the clarification.

[@vinayjangra1401]

Thanku so so so so so much 😍😍😍😍😍😍

[@mohinischannel9665]

VERY VERY NICE EXPLAINATION

[@kavis8904]

Nicely explained thanks

[@CodeWellTech]

Kindly subscribe

[@rahmathirshad9480]

great & easy

[@panachaiboonyoo1553]

wow how you demonstrate is amazing

[@CodeWellTech]

Thanks 🙏

[@orik737]

Deserves so many more views, super good explanation of an unintuitive topic

[@CodeWellTech]

Glad you liked it. Kindly share it.

[@Jtube0101Mega]

Great lesson! Thank you very much!

[@yanlinma1494]

Very good explanation

[@CodeWellTech]

Tq ... will be appreciated if you share with others 😎

[@hackieesri8923]

Subscribed Man !!!!

[@soumadip_skyy_banerjee]

loved the explanation. Lot's of love from Kolkata!

[@fatimaiqra2169]

very good explanation, thanks

[@saikumargatla4706]

This video and this channel is a hidden gem

[@amitozralhan3848]

One of the best explanations of this concept ! Thank you !

[@yue7507]

thank you! easy to understand

[@hilalmohammed2486]

Awesome!!!!!

[@CodeWellTech]

Thanks

[@fervabatool934]

Extremly eye opening concept of THIS .... well taught .... why your channel is underratted ? LOVE THE CONCEPT YOU TAUGHT ... NO BODY ELSE DO THAT NOT EVEN JONAS the udemy instructor

[@brandonlee378]

Thanks for breaking this down so clearly!

[@azimkhan3927]

Amazing 😊😊

[@cricminiatures]

Lucid Explanation

[@CodeWellTech]

Thank you very much 😊

[@gokulkadnar706]

Thanks......seen multiple videos to clear that key difference....finally cleared for lifetime.

[@CodeWellTech]

Thanks for compliment 😊

[@vishtrinity]

best explnation till date...about scope of this in arrow and normal function...Thanks a lot!

[@CodeWellTech]

Thanks for feedback 😊

[@faridmansoori618]

best explanation of this keyword so far.. thanks a lot

[@CodeWellTech]

Thanks a lot kindly share with others

[@pawanchoudhari5130]

Thank you so much for explaining this way

[@aviralkushwaha6488]

Great job bro!

[@CodeWellTech]

Thanks 😊

[@judgebot7353]

damn you earned a subscriber here . Thanks❤

[@hemanth8336]

Thank you brother

[@ramachandra7015]

Thanks bro.....

[@raulnardone7062]

Many, many thanks Sir!

[@CodeWellTech]

Thanks a lot for feedback.

[@vitocarleone7197]

best video on "this" topic ,thanks

[@CodeWellTech]

Thanks 🙏

[@sanketsrivastava7971]

Most straightforward explanation ever, Thank you!!🙏

[@CodeWellTech]

Glad you like it 😊

[@msraza1253]

Great explanation 👍🏼👍🏼👍🏼, deserve more views nad likes 👍🏼👍🏼

[@CodeWellTech]

Thanks a lot. Kindly share it.

[@VishalSharma-rn7mt]

Awesome, simple and clear explanation.

[@CodeWellTech]

Thanks.

[@ImbesatShayari]

Worth to watch your video

[@CodeWellTech]

Thanks for kind feedback 😊

[@abhisheksatyam4733]

thanks

[@ristachaudhary5862]

Very well explained. It was so easy to understand all the points. Thank you 🙏.

[@CodeWellTech]

Glad you liked it.

[@swapnat111]

Thank you sir

[@vinayjangra1401]

Thank you so much, you made it so easy to understand 🔥🔥 💯

[@JyotiSharma-wb1vy]

Your amazing explanation made it so easy to understand the whole topic. Thanks a lot!

[@CodeWellTech]

Really thanks for feedback. Sharing of this video will appreciated 😊

[@hadeedtmgggg5837]

Thanks sir love you from Pakistan ❣️❣️

[@arunkumarpandi4044]

Just a suggestion you can also explain the call apply bind with the same example . Where before changing it to arrow function of greet2 (with the same normal function greet 2 we can apply call,apply and bind to get the same output like "greet2.apply(this);" (or) greet2.call(this); (or) greet2.bind(this)(); ) which also covers the call, apply and bind methods

[@CodeWellTech]

Sure bro 😊

[@naveenkumarthouti8885]

Good video.. the way you explain is very nice.. this video deserves more likes and views

[@CodeWellTech]

Thanks a lot

[@madhuriaswale5184]

Perfect explanation

[@CodeWellTech]

Thank you 😊

[@trinadhkamma8186]

Thank you so much 💞💞

[@tusharsamanta7028]

Thank you so much!!!

[@CodeWellTech]

Thank you ❤️

[@anandgarikapati3769]

please do more videos on the front end .very good content

[@CodeWellTech]

Thanks Anand. Kindly like and follow my videos. Will do more videos on frontend.

[@Saksham-Gupta]

Sir, Greet1 function is also defined in the person object scope, but if we use arrow function on greet1 then , this refers to window object instead it should point to person object

[@CodeWellTech]

Will check and answer soon. Bit busy now a days. Please don't paste other channels urls or links. Hope you understand. Instead you can provide your understanding.

[@CodeWellTech]

Sorry for late reply, as I mentioned in the video arrow function will not have own this. You can explicitly pass the scope using bind. Will try to cover everything about arrow functions and scope in next video. Thanks for understanding and interest.

[@hellonehha]

The reason is object doesn't have any 'this'. In FAF, greet1 is referring to the window. Whereas in the greet2 (FAF) this is getting inherited from the parent and in this case it is a normal function and normal function has this. Hence, greet2 (FAF) is able to return the output.

[@user-dy1wy6lb4h]

Great video and thanks but what is going on when you use setInterval, why it always set it back to window object? How setInterval calls its function?

[@nolep5555]

why if I use global variable using var not let or const, the value of variable is null if I using this to refer to global object

[@sanketsrivastava7971]

The scope of let & const is different.

[@jazimabbas8168]

Could you please explain. You said in arrow function it matters where function is defined. And greet2 is defined in the person object. This is the explanation you gave. Lets convert greet1 function to arrow function. Then the greet1 arrow function will also defined in the person object right. Then this will not reference the person object. But it still defined in the person object. Need some explanation please.. Thanks in advance ...

[@Saksham-Gupta]

i have the same ques

[@CodeWellTech]

Sorry for late reply, as I mentioned in the video arrow function will not have own this. You can explicitly pass the scope using bind. Will try to cover everything about arrow functions and scope in next video. Thanks for understanding and interest.

[@hectorserrano9314]

Your last example of the arrow function would've worked with a named function as well 🤔

[@CodeWellTech]

Thanks for your thoughts

[@hectorserrano9314]

@@CodeWellTech Great walkthrough and thoroughly explained. Thank you so much!

[@surajsomavanshi7804]

let name = "xxx"; const obj1 = { name: "myName", getName: ()=> { console.log(this.name); } } obj1.getName(); // undefined why output is like this in VSCODE?

[@CodeWellTech]

Since you have defined getName as arrow function and calling getName globally it is undefined. In this case this points to window object. Define getName as normal function then you see output as you expected

[@CodeWellTech]

If you still want arrow function then use obj1 instead of this when accessing obj1 properties

[@_RajvardhanSingh]

Hey, thanks for video. Great explanation but I have a doubt. const person = { name: "max", age:19, greet : () => { console.log(this.name); } }; Why it throws undefined?

[@samking618]

have you figured this out?

[@_RajvardhanSingh]

@@samking618 no

[@JimmyKama]

What's wrong with this code? It display "cannot read properties of undefined in the following code.. var age = 28; function displayAge() { console.log(this.age); console.log(this); } displayAge(); var person = { age: 26, displayAge: displayAge, }; person.displayAge(); If you use non strict mode, can you please use strict mode since this way is much more acceptable these days. By the way, your method of teaching is really understandable. I feel very sorry why it doesn't work for me! Also, woould you please use a better mic so that we can hear better. There's some noise behind..🙏🙏🙏

[@ohmegatech666]

Thanks for the video, but it doesn't explain why in the greet2 function, "this" refers to the Window object. Also it sounds like you're recording the video in a large cave

[@CodeWellTech]

Will make sure everything sounds clear next time. Thanks for feeding and understanding