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.
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
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.
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!
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!
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.
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
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.
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 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)
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.
![[Part 1] รักมาไม่ทันตั้งตัว❤ หนุ่มสาวโสดถูกจับมาแต่งงานกันกะทันหัน แถมเธอยังเป็นหัวหน้าของเขา?!](http://i.ytimg.com/vi/y2pOOMkuFI0/mqdefault.jpg)
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!
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.
best explanation I've ever seen on the web. This clears things up a lot. Thank you so much!!
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
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.
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!
Finally, bind() got bound to my mind. Thanks a lot, Max!
Hervorragend erklärt Max, danke dafür! Dein React-Kurs auf Udemy hat mich hier hin geleitet.
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 :)
The best explanation of 'bind' method in the world
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?
ALWAYS great stuff, Max! You're very much appreciated!
Max, you are awesome. thanks for the idea and avoiding undefined problems when we call the function inside another function.
Yeah bro, i did understand your exceptional taught, and it always got me! You're really good!
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.
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.
Nice explanation, i just follow the patern before, now i know the reason
Congratz Max. It was an amazing lecture!!
Thank you! 😃
Thank you, this is excellent and easy to understand 👍
Max, thank you so much for sharing this.
Very clear explanation. Thank you Maximilian
Thanks, Max. Very helpful
Loving your Flutter course on Udemy right now!
Currently following along with the deli meals app module.
Max, you are the best teacher in the game ♠️
Super! This is better than my work around.
Amazing video! I finally understood the meaning of bind() and its usage
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.
That was literally on point on what i was searching for, Are you sent by GOD??
It seemed trivial at first, but then it got useful!
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!
Amazing tutorial Max!! Thanks 💙🙂
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!
excellent explaination!
Thanks you so much max...love from India
Thank you Max! 🙂
Max is a star.
This was very helpful, thank you!
Thank you for this awesome explanation 🏆
Nice explanation, thanks
Thanks a lot for this explanation.. Just great!
Very helpful, thanks a lot!
I love your videos guys!
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)
Could I understand why is there a preference for arrow functions over bind?
this reminds me of another question, what's the differences between appendChild() and innerHTML ? they both do the same things, aren't they ?
Especially I would think the bind approach is little slower than anonymous function (because of extra function call - bind).
Hi Max, I couldn't understand why you didn't use "this"keyword inside bind()
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.
I unserstood it now better than the episode on udemy 😂
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
Thanks!
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
I'm taking your JavaScript course, and indeed it is, bind () is really hard to understand.
That was perfect explain
Thanks boss.
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
Why the automatic subtitles are for dutch language? :0
this was amazing. how can your brain hold so much information?
That's awesome
amzing!
Need to update that subscribe count on intro cut
Good point, we'll do so in the next weeks :)
Insted of bind we could use apply and it takes an array. Thank you!
Jonas schmedtmann Cousin.
I didn't get source code bro........😌
TIL
Dude... get some sleep.
I'm ok, thank you ;)