I've been looking for a good explanation about the bind and function execution for quite some time, and I found it today on my favorite youtube channel. Thanks, Max. =)
Seriously... I haven't had listened to any tutor so far that can explain things this well. No wonder people call him web-guru. This video is all I needed to understand this concept.
Holy man! What a great explanation is such simple terms. I've read a few snippets on this topic and haven't found anything even close. This covers the "why" and "when" to use. Thnaks for sharing.
Yesterday I finally understood why we need bind() and today I successfully used it for the first time myself with complete understanding what is going on. Thank you Max. You are a JS ninja
Gerade heute in meine Notizen mit aufgenommen: "bind() recherchieren" und schwups lieg ich abends auf der Couch und dein Upload kommt als Push-Nachricht 👍 Danke!
Max, I had just finished the .bind() section of your JS course and was still feeling a bit confused on when to use it. I spent a day or so reading through the MDN doc, but not making much headway. Suddenly today, I see this video, and your explanation here really helped to cement the concept in my head! Thank you!
You are the most finely detailed instructor I know. Your lessons are never boring it's like you got some super power. Any chance you will ever do an updated laravel course? Php seems interesting and a good way of getting into the industry
Great explanation! Maybe you should have mentioned the case when we don't use any arguments in bind and use an event.target inside function on which we called bind method?
I've will hate, love, hate and love Max for the rest of my life: the toughest but most brilliant teacher ever. Just a note when Max returns the function it might be even more clear by returning the whole content of the setAsActiveHandler like so function setAsActiveHandler(goalId, event) { console.log(event); return function () { const selectedGoal = goals.find(g => g.id === goalId); activeGoalElement.textContent = selectedGoal.text; } } this way at the first pass from the init() function setAsActiveHandler will be saved as a ready to be executed function at the click event by the user.
Max, could you explain me, please. You used an anonymous function in an addEventListener like addEventListener('click', () => {calling another function}) - and to me it is a way clearly than using a method bind(). Particularly in case of referencing to 'this' object. In the lesson 8. Binding Class Method & Working with this of Chapter 10 - you implemented an expression addCartButton.addEventListener('click', this.addToCart.bind(this)); in the first time - I've learnt Java and Python.... but I don't remember subtleties like this one in those languages. My question is if both methods are completely interchangeable? Having watched your video I went to my code of the lesson and changed the line into addToCartButton.addEventListener('click', () => { this.addToCart() }); It works well as before. I don't see any differences so far. Thank you in advanced!
This is a great explanation of bind. Even though you only mentioned it in passing, it finally helped me understand the issue with "this" inside a function, why you would need "bind", and why arrow functions are so great.
With typescript last I checked bind did unfortunately not have the best of typing, add to that the need to provide a this context and I pretty much always use new defined (arrow) functions.
Max my question is why we need an event listerner? I can modify the innerHtml with some like `Button Text`; and avoid to add event listerner to browser right? I buy your sveltejs course on udemy and it's very good!
Nicely explained! Just a question! Can we just pass the goal object directly as an arg in setAsActiveHandler instead of its id, avoiding the find loop? Or there is a downside?
Awesome, thanks for the clarification ! Can I assume that the main purpose of anonymous function is to be a pointer to another function ? Or is it just one of their uses ? (Not sure if I made myself clear)
Max you are awesome.Your Knowledge and Brain is really powerful.
I've been looking for a good explanation about the bind and function execution for quite some time, and I found it today on my favorite youtube channel. Thanks, Max. =)
Have been searching for a practical explanation for bind for a long time. This one rocks. Subscribed!
best explanation I've ever seen on the web. This clears things up a lot. Thank you so much!!
Your are great Max. Best explanation about bind so far 🔥🔥🔥
Seriously... I haven't had listened to any tutor so far that can explain things this well. No wonder people call him web-guru. This video is all I needed to understand this concept.
Holy man! What a great explanation is such simple terms. I've read a few snippets on this topic and haven't found anything even close. This covers the "why" and "when" to use. Thnaks for sharing.
You, sir, deserve a lot more than you currently have.
Hervorragend erklärt Max, danke dafür! Dein React-Kurs auf Udemy hat mich hier hin geleitet.
Yesterday I finally understood why we need bind() and today I successfully used it for the first time myself with complete understanding what is going on. Thank you Max. You are a JS ninja
Very clear explanation! Whenever I need to refresh my memory, I always first check out your channel)
Gerade heute in meine Notizen mit aufgenommen: "bind() recherchieren" und schwups lieg ich abends auf der Couch und dein Upload kommt als Push-Nachricht 👍 Danke!
Das freut mich natürlich sehr :)
ALWAYS great stuff, Max! You're very much appreciated!
Finally, bind() got bound to my mind. Thanks a lot, Max!
The best explanation of 'bind' method in the world
Max, I had just finished the .bind() section of your JS course and was still feeling a bit confused on when to use it. I spent a day or so reading through the MDN doc, but not making much headway. Suddenly today, I see this video, and your explanation here really helped to cement the concept in my head! Thank you!
Max, you are awesome. thanks for the idea and avoiding undefined problems when we call the function inside another function.
You are the most finely detailed instructor I know. Your lessons are never boring it's like you got some super power. Any chance you will ever do an updated laravel course? Php seems interesting and a good way of getting into the industry
Thank you so much! Never say never but at the moment I don't have such plans, sorry.
Great explanation!
Maybe you should have mentioned the case when we don't use any arguments in bind and use an event.target inside function on which we called bind method?
That is the first time I have understood the use of bind, thank you.
I've will hate, love, hate and love Max for the rest of my life: the toughest but most brilliant teacher ever. Just a note when Max returns the function it might be even more clear by returning the whole content of the setAsActiveHandler like so
function setAsActiveHandler(goalId, event) {
console.log(event);
return function () {
const selectedGoal = goals.find(g => g.id === goalId);
activeGoalElement.textContent = selectedGoal.text;
}
}
this way at the first pass from the init() function setAsActiveHandler will be saved as a ready to be executed function at the click event by the user.
Yeah bro, i did understand your exceptional taught, and it always got me! You're really good!
Max, could you explain me, please. You used an anonymous function in an addEventListener like addEventListener('click', () => {calling another function}) - and to me it is a way clearly than using a method bind(). Particularly in case of referencing to 'this' object. In the lesson 8. Binding Class Method & Working with this of Chapter 10 - you implemented an expression addCartButton.addEventListener('click', this.addToCart.bind(this)); in the first time - I've learnt Java and Python.... but I don't remember subtleties like this one in those languages. My question is if both methods are completely interchangeable? Having watched your video I went to my code of the lesson and changed the line into addToCartButton.addEventListener('click', () => { this.addToCart() }); It works well as before. I don't see any differences so far. Thank you in advanced!
Max, you are the best teacher in the game ♠️
Congratz Max. It was an amazing lecture!!
Thank you! 😃
Nice explanation, i just follow the patern before, now i know the reason
Could I understand why is there a preference for arrow functions over bind?
Loving your Flutter course on Udemy right now!
Currently following along with the deli meals app module.
Very clear explanation. Thank you Maximilian
Thank you, this is excellent and easy to understand 👍
Thanks, Max. Very helpful
Max, thank you so much for sharing this.
Amazing video! I finally understood the meaning of bind() and its usage
Super! This is better than my work around.
Thankyou Sir, for to the point explanation.
This is a great explanation of bind. Even though you only mentioned it in passing, it finally helped me understand the issue with "this" inside a function, why you would need "bind", and why arrow functions are so great.
With typescript last I checked bind did unfortunately not have the best of typing, add to that the need to provide a this context and I pretty much always use new defined (arrow) functions.
excellent explaination!
Thank you Max! 🙂
Amazing tutorial Max!! Thanks 💙🙂
Max is a star.
Thank you for this awesome explanation 🏆
Nice explanation, thanks
I love your videos guys!
this reminds me of another question, what's the differences between appendChild() and innerHTML ? they both do the same things, aren't they ?
This was very helpful, thank you!
Thanks you so much max...love from India
Max my question is why we need an event listerner?
I can modify the innerHtml with some like `Button Text`;
and avoid to add event listerner to browser right?
I buy your sveltejs course on udemy and it's very good!
Very helpful, thanks a lot!
Thanks a lot for this explanation.. Just great!
Wasn t it possibile to store the función in a variable and pass that as a second argument?
@ChiKler true, i tried that on a piece of code I am writing and didn t work at all. Ibsolved that passing in an anonymous function as second argument
That was literally on point on what i was searching for, Are you sent by GOD??
It would be awesome to have a video abkut the same but in React, I have tried to do it but with no much luck when it comew to understand it
It seemed trivial at first, but then it got useful!
Why the automatic subtitles are for dutch language? :0
Thanks!
Nicely explained! Just a question! Can we just pass the goal object directly as an arg in setAsActiveHandler instead of its id, avoiding the find loop? Or there is a downside?
Especially I would think the bind approach is little slower than anonymous function (because of extra function call - bind).
Awesome, thanks for the clarification !
Can I assume that the main purpose of anonymous function is to be a pointer to another function ? Or is it just one of their uses ? (Not sure if I made myself clear)
I unserstood it now better than the episode on udemy 😂
That was perfect explain
Thanks boss.
Hi Max, I couldn't understand why you didn't use "this"keyword inside bind()
I'm taking your JavaScript course, and indeed it is, bind () is really hard to understand.
Tell something about core JavaScript.. Dom.. expanding collapsible table row.. hasownproperty.. for .. foreach.. map.. filter.. search... Fetch.. post.. splice.. etc..
Thanks 😊
Get his udemy course
That's awesome
amzing!
this was amazing. how can your brain hold so much information?
Need to update that subscribe count on intro cut
Good point, we'll do so in the next weeks :)
I didn't get source code bro........😌
Insted of bind we could use apply and it takes an array. Thank you!
Jonas schmedtmann Cousin.
TIL
Dude... get some sleep.
I'm ok, thank you ;)