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

[@sivasundarpt]

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

[@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 👍

[@kanugulasunilkumar0511]

super explanation

[@jenso413]

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

[@pragathiprabhu5750]

Clear explanation ..Thanks

[@saikumargatla4706]

This video and this channel is a hidden gem

[@mearn_ctaftsman]

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

[@amitozralhan3848]

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

[@orik737]

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

[@CodeWellTech]

Glad you liked it. Kindly share it.

[@vitocarleone7197]

best video on "this" topic ,thanks

[@CodeWellTech]

Thanks 🙏

[@ethisfreedom]

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

[@abcdabcd8605]

Excellent and Clear explanation!!

[@faridmansoori618]

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

[@CodeWellTech]

Thanks a lot kindly share with others

[@gokulkadnar706]

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

[@CodeWellTech]

Thanks for compliment 😊

[@panachaiboonyoo1553]

wow how you demonstrate is amazing

[@CodeWellTech]

Thanks 🙏

[@vinayjangra1401]

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

[@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

[@yanlinma1494]

Very good explanation

[@CodeWellTech]

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

[@rahmathirshad9480]

great & easy

[@vishtrinity]

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

[@CodeWellTech]

Thanks for feedback 😊

[@Jtube0101Mega]

Great lesson! Thank you very much!

[@kavis8904]

Nicely explained thanks

[@CodeWellTech]

Kindly subscribe

[@soumadip_banerjee]

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

[@brandonlee378]

Thanks for breaking this down so clearly!

[@madhuriaswale5184]

Perfect explanation

[@CodeWellTech]

Thank you 😊

[@hilalmohammed2486]

Awesome!!!!!

[@CodeWellTech]

Thanks

[@msraza1253]

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

[@CodeWellTech]

Thanks a lot. Kindly share it.

[@VishalSharma-rn7mt]

Awesome, simple and clear explanation.

[@CodeWellTech]

Thanks.

[@pawanchoudhari5130]

Thank you so much for explaining this way

[@fatimaiqra2169]

very good explanation, thanks

[@hackieesri8923]

Subscribed Man !!!!

[@ImbesatShayari]

Worth to watch your video

[@CodeWellTech]

Thanks for kind feedback 😊

[@mohinischannel9665]

VERY VERY NICE EXPLAINATION

[@raulnardone7062]

Many, many thanks Sir!

[@CodeWellTech]

Thanks a lot for feedback.

[@sanketsrivastava7971]

Most straightforward explanation ever, Thank you!!🙏

[@CodeWellTech]

Glad you like it 😊

[@shadabahmadkhan4986]

Thank you sir, it was really helpful

[@azimkhan3927]

Amazing 😊😊

[@ristachaudhary5862]

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

[@CodeWellTech]

Glad you liked it.

[@naveenkumarthouti8885]

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

[@CodeWellTech]

Thanks a lot

[@aviralkushwaha6488]

Great job bro!

[@CodeWellTech]

Thanks 😊

[@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 😊

[@judgebot7353]

damn you earned a subscriber here . Thanks❤

[@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 😊

[@yue7507]

thank you! easy to understand

[@hadeedtmgggg5837]

Thanks sir love you from Pakistan ❣️❣️

[@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.

[@vinayjangra1401]

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

[@hemanth8336]

Thank you brother

[@ramachandra7015]

Thanks bro.....

[@trinadhkamma8186]

Thank you so much 💞💞

[@IvanBankovic-k6n]

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.

[@swapnat111]

Thank you sir

[@cricminiatures]

Lucid Explanation

[@CodeWellTech]

Thank you very much 😊

[@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.

[@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.

[@abhisheksatyam4733]

thanks

[@vishnuerema415]

❤❤

[@tusharsamanta7028]

Thank you so much!!!

[@CodeWellTech]

Thank you ❤️

[@relaxwithshreem4037]

Hi @CodeWellTech, Great Vedio, with clear explianation but I have a doubt in the below snippet and your statement. Could you please help. Thanks const obj = { name:'shree', age: 23, greet: ()=>{ console.log(`Hello, my name is ${this.name } and I am ${this.age} years old.`); } }; obj.greet(); this in ()=>: Based on the scope of arrow function defined within.

[@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

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

[@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

[@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..🙏🙏🙏