You deserve it ji. Thankyou. Last 3 year im struggling with code with lot of fear.. u means like god father. Loved the way you explained. Thanks a lot@@akshaymarch7
End this year with learning some more of JavaScript ❤ Share this video on social media to help me reach more people! 🚀 And yes, did you hit that LIKE button yet??
Hey Akshay, Urvish here please Akshay teach us in depth because I watched your video till the end i don't know about others but your video is helping me well in my career so please create a video depth because of you i am standing well in my javascript interview and it really comming from inside my hart i love you and the way you create videos so many blessing to your work. Please keep it up. And one more thing to tell you is like you I also want to create videos but I quit it a year ago but now I will start creating videos again very soon Thankyou. * Small request: th-cam.com/video/oK5LOhsa0Ck/w-d-xo.html please check my work at least 1s and give me some suggestions is there any
Hi Akshay ,I like your videos , I dont want to learn javascript when I started Angular though I was working on typescript ,but you make my mind to learn javascript . I thank to one who suggest me to watch your videos.
1. "this" in global scope always points to the globalObject (globalObject depends on javascript runtime env) 2. "this" in a function depends on 2 things a. strict / non strict mode (in strict mode, "this" is undefined, in non strict mode, "this substitution" takes place and "this" points to globalObject) b. how the function is being invoked (if we invoke the function using the global object in strict mode, then "this" will point to that globalObject) 3. "this" in a method always points to the object that is used to invoke the method. 4. call, apply & bind are used to share a method with another object (hence the "this" keyword reference would also change accordingly) 5. "this" inside arrow function refers to the enclosing lexical context 6. "this" in DOM points to the HTML element itself on which it is being used
Hey, I think you are the person from whom I have learnt so much about javascript, I think the reason behind that is the depth you take about the topics, make it easy to understand, take out some fine details which I think I miss in documents as well. It is really good to see you doing things like this. You are an awesome teacher, keep ongoing this is what makes you unique and different. I don't think you should worry about these things you mentioned at 33:00, whoever wants to learn they to have to give time and understand the topics. Thanks for everything you are doing in frontend domain, love it by heart.
I'll be honest, let us consider the 2 scenarios: i) short videos: gives an impression of making the topic easy, and chances are more people will watch it entirely. ii) deep dive videos: it may appear tough just by looking at the timestamp, but in reality this is a treasure, and people who genuinely care to learn will watch it start to end. There is no doubt about every single video of yours are super interesting so even if I watch it at 2x I still can understand everything
I have watched the call, apply and bind methods video. Here is my brief explaination- All these methods are used for method/function borrowing or sharing. - call method is used to call the function with the given this value and arguments can be passed individually. printFullName.call(student, "Jammu", "J&K"); - apply method is similar to call, the only difference is that instead of passing the arguments indvidually we pass the arguments in a list/array. printFullName.apply(student, ["Jammu", "J&K"]); - bind method is also used to override the this value but unlike call and apply it does not invoke the function instantly but returns a function with attached this and arguments which can be called later. const printStudent = printFullName.bind(student, "Udhampur", "J&K"); printStudent();
You deep dive into the concepts that's why we watch your videos. That's what makes you unique and helps people understand the core concepts rather than just understanding the basics and memorizing the rest of different cases. Also, such depth knowledge is what gives us the confidence on topics and help us apply the same in interviews. Always keep making the in-depth content. We love it.
Exactly! I learned C++ before I could "walk", and so after HTML and CSS and then in the last year traversing towards the back end (heh) with java and nodejs etc... and dropping down that rabbit hole and spending hundreds of hours watching and learning (So cool.), you snapped in multiple puzzle pieces for me in this video.
🎯 Key Takeaways for quick navigation: 00:00 🔑 *JavaScript's "this" keyword can be confusing for many and behaves differently in various scenarios.* 00:55 🔑 *The behavior of the "this" keyword depends on the context, such as whether it's in a function, global space, or an arrow function.* 04:17 🔑 *In the global space, the value of "this" is the global object, which can vary depending on the JavaScript runtime environment (e.g., window in browsers, Global in Node.js).* 07:30 🔑 *Inside a function, the value of "this" can be undefined in strict mode or the global object in non-strict mode.* 10:06 🔑 *JavaScript uses a mechanism called "this substitution," where "this" is replaced with the global object when it's undefined or null in non-strict mode.* 16:11 🔑 *Inside an object's method, "this" refers to the object itself where the method is called.* 21:11 🔑 *"call," "apply," and "bind" are important functions used to manipulate the value of "this" when calling methods and sharing them between objects.* 26:23 🔑 *It's essential to understand "call," "apply," and "bind" to effectively control the value of "this" in JavaScript methods.* 27:30 🔑 *In global space, the 'this' keyword refers to the global object (e.g., 'window' in the browser).* 28:08 🔑 *In strict mode, 'this' inside a function is undefined; in non-strict mode, it refers to the global object.* 35:23 🔑 *Understanding "this" substitution: When 'this' is undefined or null inside a function, it becomes the global object.* 39:59 🔑 *Inside an object's method, 'this' refers to the object itself.* 44:12 🔑 *The 'call' method can be used to invoke a function with a specific 'this' context.* 46:01 🔑 *Arrow functions do not have their own 'this' binding and take the value of the enclosing lexical context.* 48:46 🔑 *In the context of DOM elements, 'this' refers to the specific HTML element being interacted with.* Made with HARPA AI
I watched your video of the call, apply, and bind. It was amazing. let me recap my learning: call, apply, and bind are all methods used to manipulate how a function is executed in JavaScript. call and apply are similar; they both allow you to invoke a function with a specific this context and provide arguments to the function. The main difference is how they accept arguments: call takes arguments individually, while apply takes them as an array. For instance, func.call(thisArg, arg1, arg2) versus func.apply(thisArg, [arg1, arg2]). bind, on the other hand, doesn't immediately execute the function. Instead, it creates a new function with a bound this context and any specified parameters. This new function can be invoked later. It's often used to create functions with pre-specified initial arguments or a fixed context.
Akshay sir, loved the way that you're taking feedback from the audience. If you want to start making short-form content, we would love to watch it but don't stop making these in-depth videos. The clarity that you provide in these videos, I haven't seen anyone teaching with this much clarity, especially around JavaScript.
watched that call, apply and bind from your old video, call basically overrides this value to the object you pass and if you want you can pass extra parameters using comma separated value, apply does same the only catch is in apply the extra parameters are passed using array and for bind syntax is similar to call , it returns the copy of the function which we can store in a variable and can envoke any time. Thanks Akshay bhaiya.
Eagerly waiting for this video, please come up with more Javascript interview-related topics and started learning and practicing react from Namaste react in-depth
From Bangladesh I watch this video where you teach this keyword and suggest that go to the call, apply,bind method video,,,,, and i do the same what you want from a learner.... God bless you,,,, you r really awesome man you want to give learner from your heart❤
I have never understood JavaScript this deeply anywhere else. Your mission is very inspirational for developers like us. Please keep making it. Thank you for all the knowledge, Akshay🤟.
There is no one I haven't seen like you who has such a deep knowledge of a cool way to tech. Everybody knows you sir you don't need to have any promotion. People will come again and again to dig in this gold mine.
Ur the only teacher who pushed me to learn to code, from college to my 8 years of experience working in the IT Industry I used to fear learning any coding language. Now few days back I completed ur previous javascript videos which ultimately pushed me to take one step ahead of learning React JS, I have enrolled in to ur Namaste React Course. My new year resolution is to complete this language and pursue as a developer. I don't know if it's too late to learn but I hope for the best. Happy Coding ✌🤘
Your videos have saved me months of research learning js. I can't express how thankful I was to find a teacher who understands how I learn. Keep em coming!
Akshay, thank you for this video. Just wanted to let you know that your thorough explanations have been incredibly helpful. Even if the video doesn't get as many views as you hope for, please know that there are viewers like me who truly value and watch it until the end. Your videos stand out because they delve into the intricate details that many others often overlook. This level of depth often satisfies my profound curiosity for how code operates at a fundamental level. Please continue with your elaborate explanations as many others and I will continue to eagerly watch and learn. Do not only start making short videos that touch on basics and skip everything else, PLEASE!! I love learning all the details. Thank you again!!
Akshay Sir don;t know about others but I watch entire video of your, you such a charismatic teacher sir, it feels like good old teacher's style. I not only share your video to my juniors but also to seniors in company. It's so amazing. I have watched call/apply and bind
You are the One rarest gem teacher. I love the way you deep dive into every tiny detail of JavaScript and you have the genuine desire to teach each and every tiny part of JavaScript. Its our luck to find teacher like you.
You are such a lovely mentor. Length of video is never been a issue. I never saw length when it's your video. it's always deep and so knowledgeable. that's why you are different from others.
I like how you go deep into the topic and explain all the harder and complex topics also which are crucial to understand the whole concept. It does not feel as too much because you explain it with so much energy and lot of effort to break the complex into simple parts.
please continue this series 🙏. i know that you have lot more going on, but i think most people are on your channel because of namaste javascript. it would be great.
I am a senior dev with 4.5 years of experience and still get to learn basic concepts in depth with Namaste JavaScript. I even ask these concepts in the interviews I take. I ask all junior devs in my team to watch Namaste JavaScript. Even if you do focus on making paid content for NamasteDev, please continue to make videos in this series as well. We all appreciate the efforts that you put in, so thanks!
"This" was confusing until I found this video. Honestly you are the best teacher I have ever seen and learned in my lifetime. Thank you so much Akshay Bhaiya❤
Akshay you are the only guy who knows javascript ...... going deep is the area where you stands out no one competes you .... don't ever think negative pls you are a gem go deep and more deep .... thanks for everything
Hi Akshay, I watched your video on call, apply, and bind. It was incredibly helpful. Please continue creating such informative content. I've always sought out easy to understand, in depth lectures like yours. Your videos have been instrumental for me. I just finished the Namaste JavaScript course and am now diving into Namaste React. Before discovering your content, I was familiar with bestselling Udemy courses, but honestly, your approach is legendary compared to theirs. Thank you so much for your hard work. Lots of love. ❤
You are excellent in explaining as your clarity of the topic is great. Thanks🙏🏼a ton. Iam making notes. And your efforts after throat pain shows your passion for teaching JavaScript 👍🏼👍🏼🙏🏼🙏🏼.
Its really great that we have a teacher like you who is trying to teach from very basic to exteme advance with clarity. Its making js looks simpler :) this keyword can be defined as an object whose value can very depeding on where its being declared and can be used to reference various elements/ object.
Thanks very much ! I have been doing JS, rails etc for more than 10 years. I am aware of all these differences but I often forget some of the details and I am not aware of all the differences. I was not aware about the strict mode for instance. You explain all this in the most simple systematic way which I greatly appreciate. Many explanations are even more complicated than the actual complexity
In depth explanation is good and very helpful. I have 10 years of experience and I watch your videos to get my doubts cleared which I am unable to find myself. Promises section was amazing. I read it from other places but the way you explained, I am going to remember it for life long and even after 2-3 years a short revision will freshen up everything. Thanks Akshay!
We love the fact that you dive deep into the concepts. please keep doing that. short videos are kind of vague and are just like memorizing and forgetting at some point. but the way you teach we get to know how the things actually work and thus its easy to remember. Thank you so much for all the dedication and hard work you put into your videos to teach us. 🙏🤝
I watched every video of your javascript brother even call,apply,bind every video is just awesome... dont be think like everyone leave without watching complete video who want to learn deep they will definitely watch completely....i should say one thing just chin up & be proud of yourself champion you are making real developers.....this is for your efforts and hardwork....❤👏
I watched your video on call, apply, and bind, and it was amazing. Never stop making these videos, Akshay Sir. You are an incredible teacher, and we love when you dive deep into concepts and make them so clear for us. Thank you so much, Akshay. It's because of you that I was able to crack my JS interviews.
The best video watched so far on this keyword. Your videos are best because you dont leave any point and everything is explained in depth which we dont get on other channels. Hoping to see more such videos from you where you deep dive and teach. Thanks a lot.
very grateful sir for the series of JS thank you so much!! I've never seen any teacher on whole social media like you teach the way make us understand....thank u so much!!❤
i watched your call blind apply lecture already....your all lectures are just amazing💜 and plz plz never think to make small video u r the one who give us deep knowledge about each and every topic ...you are so dedicated and honest to us..to be honest as you said you will make us fall in love with javascript you did it ❤You are the bestest teacher i can say..I am so so inspired by you
Watched call(), apply(), bind() video :) In one podcast of someone's interview she mentioned this playlist, and that time i just saved it, then on 15 april 2024 i started to watch this playlist, at the starting idk what's happening but now im glad that i watched it completely, and on 30 april 2024 i completed both the seasons, Im glad that i found this playlist, amazing explanation:)
Akshay, thank you for this video. Before your video, this keyword is the most hated topic in Javascript for me. Now, this is one of my favorite topic in JS.
call is used to overide the this and call the function at a time. apply is used same as call , the only difference is passing the argument, ther first agument will be an object to overide this, where as other argument will passed in a array for function parameter. Bind is just bind the method with object and it returns a function which can be letter called when it needed. the passing the argument is same as call.
after learning call apply bind call :- it is used to where you have to share this method in this call function the first arg is to be the "this " keyword and lettter arguments will be the arg of functions apply :- the only difference is between the call and apply method is the way how we pass method so in the apply methos we passes the arg in the "array list " bind :- the bind methos looks exactly same as the call mehtod the only diff is that instead of calling methos this method returns returns the copy of that method in short it willl create a copy of method and it will bind that to object and returns over here #namastejavascriptisop
your videos are just amazing. the way you explain each concept is rare to find. I am following you from season 1 and It really helped me a lot to understand the concept of javascript and how it works behind the scenes. your videos are not lengthy, requesting you to not feel that you are making long videos. it is really worth much for us each and every minute of these videos you shared. thank you for your efforts and for making this series public. lots of love and respect! 🤗
Please dive deep and explain all about JavaScript. I love your videos and how you explain such complex topics easily. Please don't ever stop teaching! I've learned lots of concepts through your videos and it has helped me learn alot! Thanks for making such lenthy videos explain every little detail. Thank You!!!
Definitely like the deep-dives. They are like nothing else I've found on the internet to learn these topics. And to stay entertained! Also, have already watched your call / bind / apply vid!
My attempt to summarize! (tbh I’m confused between execution context, scope, and lexical context / environment now! Gonna go research!) THIS is the object where a function is called. When accessed in the global scope THIS is the global object (whether in strict mode or not). In strict mode, when THIS is accessed inside a function defined in the global scope, it will be undefined. In the same case, if not in strict mode, “this substitution” will mean THIS is the global object. With an exception: if you call the function by calling window.myFunction() as opposed to just myFunction(), even in strict mode, THIS will be the global object. For methods on an object, THIS is the object where the method is called (e.g. firstObj.myMethod() >> THIS = firstObj ). If a method is called using .call, THIS will be the object passed in as the first argument on call (e.g. firstObj.myMethod.call(secondObj) >> THIS = secondObj ). For callbacks in event handlers, THIS is the element that the eventListener is attached to. I think this is simply because the element is the object on which the callback function is called. Arrow functions do not have their own THIS (aka they don’t have their own “this binding”). Arrow functions take the THIS of their enclosing lexical environment, that is, the scope where they are defined.
Watched full video and it was really good now I can completely confident on this topic, thanks for explaining so deeply, all my doubts regarding this is clear now 👍
Sir you are the reason i have learned javascript now,You are the gem of Javascript tuturial. I have been watched 2 playlist before your JS tutorial, but as you told in this video its very basics, now i think i dont have to watch more tutorials just need to practice becouse i am one of those who know JS in deep. and please dont make short videos we dont like short videos we want to learn in deep any language we want to go deep but teachers like you are rare that is why we have to watch those basic short tuorial,becouse if we have teachers like you who teach in depth in a single video whether it 20 mins long or 1 hour but your videos make us sure that now after your video we dont need to jump on other videos to learn more because you covered everything in single video. Thank you for this playlist i have completed today season1 and season2. lots of love and Respect from Dilli..
defination of this in my works i will keep 2 points in my 1 - scope in global scope - global object functional scope - depends on strict mode or non - strict mode(this substitution ) lexical env or arrow functions 2 - if we talk about this use in dom refer the perticuler element in which we want to access
Please continue teaching in such a detailed manner, as this is what sets you apart from others. I truly enjoy watching your videos and have gained a lot of knowledge about JavaScript from watching Namaste JavaScript seasons one and two. @Akshay you are a genius bro.
watched your video in which you taught call,apply and bind method...and then completed this video also....thanks a lot , you are the gem of javaScript.♥♥♥...
I have watched all videos this JavaScript before starting I was nothing but after completing this playlist now I am able to solve the code based questions. I feel confident in JavaScript but my learning still going on. This playlist is very useful everyone need to watch and learn. Thank you Akshay bhaiya.
I watched call, apply and bind video and clarity is at level of solid crisp My understanding Call: Used to remove redundancy we can borrow function from the For example there is an object const object1 = {firstName:'Pema', getName:()=>console.log(this.firstName)}; and there is another object object2 = {firstName:'Peden'}; Now we do not want to make the getName redundant by adding getName parameter in object2. But if we want to print Name as 'Peden' We can simply use object1.getName.call(object2)// the this for getName get changed to object2 and hence we can print our desired name And while calling .call() method the 1st parameter is object and rest parameter we can pass as desired but if we pass the further parameter inside an array i.e, 1st parameter is an object and further parameters are encapsulated in an array this is called apply example: object1.getName.apply(object2, ['Peden is awesome','She is learning and growing each day']); Next up is bind. Same like call only difference or major difference is In 'CALL' the function is invoked immediately but in case of bind the function is binded i.e, a copy is created And we can use the copy anywhere in future need throughout the code: Example: const copyFunction = object1.getName.bind(object2); // so when we call copyFunction copyFunction() //Peden will be printed
I went to your apply, call, bind video and have understood the things, didn't just go once, but more than t7-8 imes over the period of time and have recommeneded others too. Thanks for posting that quality content.
Akshay after researching about these functions, this is my understanding => Difference between call, apply, bind: All these are JS functions which are used to resuse functions by manipulating this value, inside that function. call - This function when called attached with the main function which then takes the argument as the callback function, then the callback functions body / data is replaced with the "this" keyword inside the parent function, on which call is attached. e.g: fun(args){this}; fun.call(data, args); apply - It is exactly the same of call. The only difference is that it takes arguments as array or array of objects. e.g: fun(args1, args2){this}; fun.call(data, [ args1, args2]); bind - It is used to create a separate function replacing this of the called function with the data of the callback function, passed inside it. Further that created function can take arguments simply and the desired result can be seen. e.g: fun(args1, args2){this}; const newfun = fun.bind(data); newfun(args1, args2);
Thank you for making me fall in love with JavaScript.I already went through call , apply, and bind method video and i understood. Your videos are awesome. You are a great teacher.
I was always struggling with this keyword. When to use when not. What is the purpose and all other stuffs. You just cleared my knowledge with joy. Thanks this in-depth knowledge will help me a lot in achieving my career goals.
Review: One of the best video on "this keyword" in the whole TH-cam ❤ For viewers: If you don't watch this video, thinking its to long then you will regret more than anyone else in future 😉
Completed both seasons of Namaste Javascript for my interview prep. I wish there were more seasons Akshay! You love to teach and that's why students like me appreciate you.
I like your detailed explanation and have gained a trust in your teaching that whatever Akshay is teaching to us is absolutely correct and in depth. Kudos to you and your efforts!!!. Also, looking forward to learning from you in system design course as well
I love when you deep dive inside the behind scene thing, keep making such tutorials, Thank you for sharing knowledge, much love and respect for you from Pakistan :)
from past 4 years I was trying to understand and was afraid of this "this keyword" but finally I understood.And I will surely share this video with my friends
call is basically used to share method between two object apply on otherhand is same as call but the only difference is we pass the second argument as array in apply and in call we use to give individual argument bind makes the copy of the function , it returns a function and we can invoke that function for other use
You are awesome!
Thank you so much for supporting the channel Anuj, means a lot! ♥️
@@akshaymarch7 you should have written this means a lot
You deserve it ji. Thankyou. Last 3 year im struggling with code with lot of fear.. u means like god father. Loved the way you explained. Thanks a lot@@akshaymarch7
Requesting to start nodeJS playlist paid or non paid version
❤
End this year with learning some more of JavaScript ❤
Share this video on social media to help me reach more people! 🚀
And yes, did you hit that LIKE button yet??
in ES6, we got new method - Reflect.apply() which is similar to apply() method for playing with value of 'this' keyword 🙂
Great efforts Akshay Bro...
Could you please tell From where did you learn JavaScript? Any reference Doc or Book
Akshay bro, is there any new course for this New Year? We are eagerly waiting . Any updates.
Hey Akshay, Urvish here
please Akshay teach us in depth because I watched your video till the end i don't know about others but your video is helping me well in my career so please create a video depth because of you i am standing well in my javascript interview and it really comming from inside my hart i love you and the way you create videos so many blessing to your work. Please keep it up.
And one more thing to tell you is like you I also want to create videos but I quit it a year ago but now I will start creating videos again very soon Thankyou.
* Small request: th-cam.com/video/oK5LOhsa0Ck/w-d-xo.html
please check my work at least 1s and give me some suggestions is there any
Hi Akshay ,I like your videos , I dont want to learn javascript when I started Angular though I was working on typescript ,but you make my mind to learn javascript . I thank to one who suggest me to watch your videos.
1. "this" in global scope always points to the globalObject (globalObject depends on javascript runtime env)
2. "this" in a function depends on 2 things
a. strict / non strict mode (in strict mode, "this" is undefined, in non strict mode, "this substitution" takes place and "this" points to globalObject)
b. how the function is being invoked (if we invoke the function using the global object in strict mode, then "this" will point to that globalObject)
3. "this" in a method always points to the object that is used to invoke the method.
4. call, apply & bind are used to share a method with another object (hence the "this" keyword reference would also change accordingly)
5. "this" inside arrow function refers to the enclosing lexical context
6. "this" in DOM points to the HTML element itself on which it is being used
Great work bro❤
👌👌
please don't make small videos for the sake of making videos, please go deep like this, this is why you are special.
`this` in this comment refers to whole youtube "global window"
@@Zaheer__zk40 what if bro is in " Strict mode" ?
@@sahilkumar_official then it will be undefined 🤯
he is right
@@crazyduniya128 Nope, it will still be global window.
It'd be undefined if it was inside a function (let's a reply in this case).
Hey,
I think you are the person from whom I have learnt so much about javascript, I think the reason behind that is the depth you take about the topics, make it easy to understand, take out some fine details which I think I miss in documents as well. It is really good to see you doing things like this. You are an awesome teacher, keep ongoing this is what makes you unique and different. I don't think you should worry about these things you mentioned at 33:00, whoever wants to learn they to have to give time and understand the topics. Thanks for everything you are doing in frontend domain, love it by heart.
Please keep teaching in a detailed fashion. This is the USP of this channel. You've saved folks here collectively millions of hours of work.
he is right
I'll be honest, let us consider the 2 scenarios:
i) short videos: gives an impression of making the topic easy, and chances are more people will watch it entirely.
ii) deep dive videos: it may appear tough just by looking at the timestamp, but in reality this is a treasure, and people who genuinely care to learn will watch it start to end.
There is no doubt about every single video of yours are super interesting so even if I watch it at 2x I still can understand everything
I agree to 2nd point.
I have watched the call, apply and bind methods video.
Here is my brief explaination-
All these methods are used for method/function borrowing or sharing.
- call method is used to call the function with the given this value and arguments can be passed individually.
printFullName.call(student, "Jammu", "J&K");
- apply method is similar to call, the only difference is that instead of passing the arguments indvidually we pass the arguments in a list/array.
printFullName.apply(student, ["Jammu", "J&K"]);
- bind method is also used to override the this value but unlike call and apply it does not invoke the function instantly but returns a function with attached this and arguments which can be called later.
const printStudent = printFullName.bind(student, "Udhampur", "J&K");
printStudent();
Watched whole Namaste JS in a week and Season 2 too
Goat in explaining js so easily
Deep dive videos are what set you apart. There are a million short videos about this. Your value as a teacher is in your deep understanding. Thanks!
You deep dive into the concepts that's why we watch your videos. That's what makes you unique and helps people understand the core concepts rather than just understanding the basics and memorizing the rest of different cases. Also, such depth knowledge is what gives us the confidence on topics and help us apply the same in interviews. Always keep making the in-depth content. We love it.
Exactly! I learned C++ before I could "walk", and so after HTML and CSS and then in the last year traversing towards the back end (heh) with java and nodejs etc... and dropping down that rabbit hole and spending hundreds of hours watching and learning (So cool.), you snapped in multiple puzzle pieces for me in this video.
It's great to know how things works behind the scenes . Knowing behind the scenes process, boosts understanding and creates a new world to dive into.
You are known for your teaching methodology...i really appreciate it..!!! And waiting for DSA courses by you... I'm you full-time subscriber❤❤❤🙏🙏🙏
This person came from some another planet 🔥🔥because no one on earth can explain like the way you do
🎯 Key Takeaways for quick navigation:
00:00 🔑 *JavaScript's "this" keyword can be confusing for many and behaves differently in various scenarios.*
00:55 🔑 *The behavior of the "this" keyword depends on the context, such as whether it's in a function, global space, or an arrow function.*
04:17 🔑 *In the global space, the value of "this" is the global object, which can vary depending on the JavaScript runtime environment (e.g., window in browsers, Global in Node.js).*
07:30 🔑 *Inside a function, the value of "this" can be undefined in strict mode or the global object in non-strict mode.*
10:06 🔑 *JavaScript uses a mechanism called "this substitution," where "this" is replaced with the global object when it's undefined or null in non-strict mode.*
16:11 🔑 *Inside an object's method, "this" refers to the object itself where the method is called.*
21:11 🔑 *"call," "apply," and "bind" are important functions used to manipulate the value of "this" when calling methods and sharing them between objects.*
26:23 🔑 *It's essential to understand "call," "apply," and "bind" to effectively control the value of "this" in JavaScript methods.*
27:30 🔑 *In global space, the 'this' keyword refers to the global object (e.g., 'window' in the browser).*
28:08 🔑 *In strict mode, 'this' inside a function is undefined; in non-strict mode, it refers to the global object.*
35:23 🔑 *Understanding "this" substitution: When 'this' is undefined or null inside a function, it becomes the global object.*
39:59 🔑 *Inside an object's method, 'this' refers to the object itself.*
44:12 🔑 *The 'call' method can be used to invoke a function with a specific 'this' context.*
46:01 🔑 *Arrow functions do not have their own 'this' binding and take the value of the enclosing lexical context.*
48:46 🔑 *In the context of DOM elements, 'this' refers to the specific HTML element being interacted with.*
Made with HARPA AI
thanks man!!
Vffmgy
I watched your video of the call, apply, and bind. It was amazing.
let me recap my learning:
call, apply, and bind are all methods used to manipulate how a function is executed in JavaScript. call and apply are similar; they both allow you to invoke a function with a specific this context and provide arguments to the function. The main difference is how they accept arguments: call takes arguments individually, while apply takes them as an array. For instance, func.call(thisArg, arg1, arg2) versus func.apply(thisArg, [arg1, arg2]).
bind, on the other hand, doesn't immediately execute the function. Instead, it creates a new function with a bound this context and any specified parameters. This new function can be invoked later. It's often used to create functions with pre-specified initial arguments or a fixed context.
Thanks for the brief explanation!
No other teacher can taught any of the concept like you explains, really like the way you explains!!
Akshay sir, loved the way that you're taking feedback from the audience. If you want to start making short-form content, we would love to watch it but don't stop making these in-depth videos. The clarity that you provide in these videos, I haven't seen anyone teaching with this much clarity, especially around JavaScript.
watched that call, apply and bind from your old video, call basically overrides this value to the object you pass and if you want you can pass extra parameters using comma separated value, apply does same the only catch is in apply the extra parameters are passed using array and for bind syntax is similar to call , it returns the copy of the function which we can store in a variable and can envoke any time. Thanks Akshay bhaiya.
Eagerly waiting for this video, please come up with more Javascript interview-related topics and started learning and practicing react from Namaste react in-depth
From Bangladesh I watch this video where you teach this keyword and suggest that go to the call, apply,bind method video,,,,, and i do the same what you want from a learner....
God bless you,,,, you r really awesome man you want to give learner from your heart❤
I have never understood JavaScript this deeply anywhere else. Your mission is very inspirational for developers like us. Please keep making it. Thank you for all the knowledge, Akshay🤟.
There is no one I haven't seen like you who has such a deep knowledge of a cool way to tech. Everybody knows you sir you don't need to have any promotion. People will come again and again to dig in this gold mine.
"this" keyword is always confusing to me, but this video cleared all my doubts, thank you very much for such a wonderful knowledgeable video.
Do not stop making videos in such details. Because of you i started to stick to such detailed learning way so long. Thank you ❤.
Ur the only teacher who pushed me to learn to code, from college to my 8 years of experience working in the IT Industry I used to fear learning any coding language. Now few days back I completed ur previous javascript videos which ultimately pushed me to take one step ahead of learning React JS, I have enrolled in to ur Namaste React Course. My new year resolution is to complete this language and pursue as a developer. I don't know if it's too late to learn but I hope for the best. Happy Coding ✌🤘
Your videos have saved me months of research learning js. I can't express how thankful I was to find a teacher who understands how I learn. Keep em coming!
Everyone on youtube is teaching basics, but these deep dive videos make this channel special.
Please continue with this.
Whenever I am preparing for an interview, I just go through your JS playlist. Thanks Akshay!!
Akshay, thank you for this video. Just wanted to let you know that your thorough explanations have been incredibly helpful. Even if the video doesn't get as many views as you hope for, please know that there are viewers like me who truly value and watch it until the end. Your videos stand out because they delve into the intricate details that many others often overlook. This level of depth often satisfies my profound curiosity for how code operates at a fundamental level. Please continue with your elaborate explanations as many others and I will continue to eagerly watch and learn. Do not only start making short videos that touch on basics and skip everything else, PLEASE!! I love learning all the details. Thank you again!!
by making such videos you made the game tougher for lots of people on TH-cam...because this is another level of explanation Thank you for this effort
Watched call,apply,bind, and referred friends.. Awesome akshay
Akshay Sir don;t know about others but I watch entire video of your, you such a charismatic teacher sir, it feels like good old teacher's style. I not only share your video to my juniors but also to seniors in company. It's so amazing.
I have watched call/apply and bind
Please keep on creating the detailed videos. Can't tell yow helpful these videos are. Mush respect and love to you.
You are the One rarest gem teacher. I love the way you deep dive into every tiny detail of JavaScript and you have the genuine desire to teach each and every tiny part of JavaScript. Its our luck to find teacher like you.
Go for big topics bro, waiting for the next video
We need class, constructor, and oops concepts videos as well
You are such a lovely mentor. Length of video is never been a issue. I never saw length when it's your video. it's always deep and so knowledgeable. that's why you are different from others.
When Akshay wrote the student name Deepika, he had a smile on his face.
Words alone cannot fully capture how much I appreciate your exceptional teaching skills.
I like how you go deep into the topic and explain all the harder and complex topics also which are crucial to understand the whole concept. It does not feel as too much because you explain it with so much energy and lot of effort to break the complex into simple parts.
please continue this series 🙏. i know that you have lot more going on, but i think most people are on your channel because of namaste javascript. it would be great.
I am a senior dev with 4.5 years of experience and still get to learn basic concepts in depth with Namaste JavaScript. I even ask these concepts in the interviews I take. I ask all junior devs in my team to watch Namaste JavaScript.
Even if you do focus on making paid content for NamasteDev, please continue to make videos in this series as well.
We all appreciate the efforts that you put in, so thanks!
"This" was confusing until I found this video. Honestly you are the best teacher I have ever seen and learned in my lifetime. Thank you so much Akshay Bhaiya❤
Akshay you are the only guy who knows javascript ...... going deep is the area where you stands out no one competes you .... don't ever think negative pls you are a gem go deep and more deep .... thanks for everything
Namaste JavaScript series is really great. I have completed the series and gained indepth knowledge. Thank you Akshay sir
Please always dive in deep, this is the type of content we are looking for, these deep explanation is what makes you stand out from the other tutors.
Hi Akshay,
I watched your video on call, apply, and bind. It was incredibly helpful. Please continue creating such informative content. I've always sought out easy to understand, in depth lectures like yours. Your videos have been instrumental for me. I just finished the Namaste JavaScript course and am now diving into Namaste React. Before discovering your content, I was familiar with bestselling Udemy courses, but honestly, your approach is legendary compared to theirs.
Thank you so much for your hard work. Lots of love. ❤
You are excellent in explaining as your clarity of the topic is great. Thanks🙏🏼a ton. Iam making notes. And your efforts after throat pain shows your passion for teaching JavaScript 👍🏼👍🏼🙏🏼🙏🏼.
Its really great that we have a teacher like you who is trying to teach from very basic to exteme advance with clarity. Its making js looks simpler :) this keyword can be defined as an object whose value can very depeding on where its being declared and can be used to reference various elements/ object.
Thanks very much ! I have been doing JS, rails etc for more than 10 years. I am aware of all these differences but I often forget some of the details and I am not aware of all the differences. I was not aware about the strict mode for instance. You explain all this in the most simple systematic way which I greatly appreciate. Many explanations are even more complicated than the actual complexity
I watched the call,apply and bind video and the details even before 5 years is speechless.
youtube is flooded with short and limited videos, and it gives clarity when u go deeply and explain things
Please keep the videos detailed just like the way you make, because of your channel I am in love with Javascript 😊
In depth explanation is good and very helpful. I have 10 years of experience and I watch your videos to get my doubts cleared which I am unable to find myself. Promises section was amazing. I read it from other places but the way you explained, I am going to remember it for life long and even after 2-3 years a short revision will freshen up everything. Thanks Akshay!
We love the fact that you dive deep into the concepts. please keep doing that. short videos are kind of vague and are just like memorizing and forgetting at some point. but the way you teach we get to know how the things actually work and thus its easy to remember. Thank you so much for all the dedication and hard work you put into your videos to teach us. 🙏🤝
I watched every video of your javascript brother even call,apply,bind every video is just awesome... dont be think like everyone leave without watching complete video who want to learn deep they will definitely watch completely....i should say one thing just chin up & be proud of yourself champion you are making real developers.....this is for your efforts and hardwork....❤👏
I watched your video on call, apply, and bind, and it was amazing. Never stop making these videos, Akshay Sir. You are an incredible teacher, and we love when you dive deep into concepts and make them so clear for us. Thank you so much, Akshay. It's because of you that I was able to crack my JS interviews.
I have watched the call, apply and bind video Akshay, thank you so much for bringing out the video for "this"
The best video watched so far on this keyword. Your videos are best because you dont leave any point and everything is explained in depth which we dont get on other channels. Hoping to see more such videos from you where you deep dive and teach. Thanks a lot.
🚀🚀
I work for LG and as a working professional this course is a quick recap for switching and you are definitely among the best tutors.
very grateful sir for the series of JS thank you so much!! I've never seen any teacher on whole social media like you teach the way make us understand....thank u so much!!❤
i watched your call blind apply lecture already....your all lectures are just amazing💜 and plz plz never think to make small video u r the one who give us deep knowledge about each and every topic ...you are so dedicated and honest to us..to be honest as you said you will make us fall in love with javascript you did it ❤You are the bestest teacher i can say..I am so so inspired by you
Watched call(), apply(), bind() video :) In one podcast of someone's interview she mentioned this playlist, and that time i just saved it, then on 15 april 2024 i started to watch this playlist, at the starting idk what's happening but now im glad that i watched it completely, and on 30 april 2024 i completed both the seasons, Im glad that i found this playlist, amazing explanation:)
Akshay, thank you for this video. Before your video, this keyword is the most hated topic in Javascript for me. Now, this is one of my favorite topic in JS.
No one gets this deep into these concepts. Thanks for the effort and sharing the knowledge with us.!!!!
call is used to overide the this and call the function at a time.
apply is used same as call , the only difference is passing the argument, ther first agument will be an object to overide this, where as other argument will passed in a array for function parameter.
Bind is just bind the method with object and it returns a function which can be letter called when it needed. the passing the argument is same as call.
after learning call apply bind
call :- it is used to where you have to share this method in this call function the first arg is to be the "this " keyword and lettter arguments will be the arg of functions
apply :- the only difference is between the call and apply method is the way how we pass method
so in the apply methos we passes the arg in the "array list "
bind :- the bind methos looks exactly same as the call mehtod the only diff is that instead of calling methos this method returns returns the copy of that method
in short it willl create a copy of method and it will bind that to object and returns over here
#namastejavascriptisop
your videos are just amazing. the way you explain each concept is rare to find. I am following you from season 1 and It really helped me a lot to understand the concept of javascript and how it works behind the scenes. your videos are not lengthy, requesting you to not feel that you are making long videos. it is really worth much for us each and every minute of these videos you shared. thank you for your efforts and for making this series public. lots of love and respect! 🤗
Please dive deep and explain all about JavaScript. I love your videos and how you explain such complex topics easily. Please don't ever stop teaching! I've learned lots of concepts through your videos and it has helped me learn alot! Thanks for making such lenthy videos explain every little detail. Thank You!!!
No one on TH-cam explains better then you. Taking concepts deeper helpd me to get a clear picture of the topic. Thanks a lot 👏👏
Definitely like the deep-dives. They are like nothing else I've found on the internet to learn these topics. And to stay entertained! Also, have already watched your call / bind / apply vid!
My attempt to summarize! (tbh I’m confused between execution context, scope, and lexical context / environment now! Gonna go research!)
THIS is the object where a function is called.
When accessed in the global scope THIS is the global object (whether in strict mode or not).
In strict mode, when THIS is accessed inside a function defined in the global scope, it will be undefined. In the same case, if not in strict mode, “this substitution” will mean THIS is the global object. With an exception: if you call the function by calling window.myFunction() as opposed to just myFunction(), even in strict mode, THIS will be the global object.
For methods on an object, THIS is the object where the method is called (e.g. firstObj.myMethod() >> THIS = firstObj ).
If a method is called using .call, THIS will be the object passed in as the first argument on call (e.g. firstObj.myMethod.call(secondObj) >> THIS = secondObj ).
For callbacks in event handlers, THIS is the element that the eventListener is attached to. I think this is simply because the element is the object on which the callback function is called.
Arrow functions do not have their own THIS (aka they don’t have their own “this binding”). Arrow functions take the THIS of their enclosing lexical environment, that is, the scope where they are defined.
Watched full video and it was really good now I can completely confident on this topic, thanks for explaining so deeply, all my doubts regarding this is clear now 👍
Just watched Call, apply, bind video again. Please deep-dive into the concepts like you did. It helps a lot
Sir you are the reason i have learned javascript now,You are the gem of Javascript tuturial. I have been watched 2 playlist before your JS tutorial, but as you told in this video its very basics, now i think i dont have to watch more tutorials just need to practice becouse i am one of those who know JS in deep.
and please dont make short videos we dont like short videos we want to learn in deep any language we want to go deep but teachers like you are rare that is why we have to watch those basic short tuorial,becouse if we have teachers like you who teach in depth in a single video whether it 20 mins long or 1 hour but your videos make us sure that now after your video we dont need to jump on other videos to learn more because you covered everything in single video.
Thank you for this playlist i have completed today season1 and season2.
lots of love and Respect from Dilli..
defination of this in my works
i will keep 2 points in my
1 - scope
in global scope - global object
functional scope - depends on strict mode or non - strict mode(this substitution )
lexical env or arrow functions
2 - if we talk about this use in dom refer the perticuler element in which we want to access
Please continue teaching in such a detailed manner, as this is what sets you apart from others. I truly enjoy watching your videos and have gained a lot of knowledge about JavaScript from watching Namaste JavaScript seasons one and two. @Akshay you are a genius bro.
I watched your video about call, bind and apply, it was great. You are definitely the best JavScript teacher on all of TH-cam.
watched your video in which you taught
call,apply and bind method...and then completed
this video also....thanks a lot ,
you are the gem of javaScript.♥♥♥...
Sir, you did save life of many developers and improving knowledge in javascript, you are life saver in javascript.
I have watched all videos this JavaScript before starting I was nothing but after completing this playlist now I am able to solve the code based questions. I feel confident in JavaScript but my learning still going on. This playlist is very useful everyone need to watch and learn. Thank you Akshay bhaiya.
Please continue this moethod of teaching, we love it!
Always learn new and interesting things from your videos.
the datails that you provide is amazing ,no one tell these details on any video
I have seen multiple series on JavaScript but nobody explained 'this' keyword like you.
You are JavaScript Guru Akshay Sir.
I watched call, apply and bind video and clarity is at level of solid crisp
My understanding
Call:
Used to remove redundancy we can borrow function from the
For example there is an object
const object1 = {firstName:'Pema', getName:()=>console.log(this.firstName)};
and there is another object object2 = {firstName:'Peden'};
Now we do not want to make the getName redundant by adding getName parameter in object2.
But if we want to print Name as 'Peden'
We can simply use object1.getName.call(object2)// the this for getName get changed to object2 and hence we can print our desired name
And while calling .call() method the 1st parameter is object and rest parameter we can pass as desired
but if we pass the further parameter inside an array i.e, 1st parameter is an object and further parameters are encapsulated in an array this is called apply
example: object1.getName.apply(object2, ['Peden is awesome','She is learning and growing each day']);
Next up is bind. Same like call only difference or major difference is
In 'CALL' the function is invoked immediately but in case of bind the function is binded i.e, a copy is created
And we can use the copy anywhere in future need throughout the code:
Example:
const copyFunction = object1.getName.bind(object2);
// so when we call copyFunction
copyFunction()
//Peden will be printed
I went to your apply, call, bind video and have understood the things, didn't just go once, but more than t7-8 imes over the period of time and have recommeneded others too. Thanks for posting that quality content.
Akshay after researching about these functions, this is my understanding =>
Difference between call, apply, bind:
All these are JS functions which are used to resuse functions by manipulating this value, inside that function.
call - This function when called attached with the main function which then takes the argument as the callback function, then the callback functions body / data is replaced with the "this" keyword inside the parent function, on which call is attached.
e.g: fun(args){this};
fun.call(data, args);
apply - It is exactly the same of call. The only difference is that it takes arguments as array or array of objects.
e.g: fun(args1, args2){this};
fun.call(data, [ args1, args2]);
bind - It is used to create a separate function replacing this of the called function with the data of the callback function, passed inside it. Further that created function can take arguments simply and the desired result can be seen.
e.g: fun(args1, args2){this};
const newfun = fun.bind(data);
newfun(args1, args2);
Thank you Akshay sir for in depth video on this keyword. so much clarity in your videos👏👏
Thank you for making me fall in love with JavaScript.I already went through call , apply, and bind method video and i understood. Your videos are awesome. You are a great teacher.
Explaining concept in such a depth is blessing to us. Thanks for your dedication.
I was always struggling with this keyword. When to use when not. What is the purpose and all other stuffs.
You just cleared my knowledge with joy.
Thanks this in-depth knowledge will help me a lot in achieving my career goals.
Review: One of the best video on "this keyword" in the whole TH-cam ❤
For viewers: If you don't watch this video, thinking its to long then you will regret more than anyone else in future 😉
Completed both seasons of Namaste Javascript for my interview prep. I wish there were more seasons Akshay! You love to teach and that's why students like me appreciate you.
I like your detailed explanation and have gained a trust in your teaching that whatever Akshay is teaching to us is absolutely correct and in depth. Kudos to you and your efforts!!!.
Also, looking forward to learning from you in system design course as well
This video really helped me understand how the "this" keyword works in JavaScript. Thank you so much for making this type of video!
I love when you deep dive inside the behind scene thing, keep making such tutorials, Thank you for sharing knowledge, much love and respect for you from Pakistan :)
Having watched your previous video on call apply and bind methods, I can say this one gives a clean and clear recap of the concept of references ❤
Please always dive deep, learning from your videos I gain the confidence that I can learn anything and everything
from past 4 years I was trying to understand and was afraid of this "this keyword" but finally I understood.And I will surely share this video with my friends
Akshay , i have watched your video on call , apply , bind -- you are super ultra pro max guru
call is basically used to share method between two object
apply on otherhand is same as call but the only difference is we pass the second argument as array in apply and in call we use to give individual argument
bind makes the copy of the function , it returns a function and we can invoke that function for other use