Bind Explained in JavaScript

[@lev6666]

Watched several videos with bind explanation, this is the best one. thanks!

[@misterjedu]

This is the best explanation, simple and clear explanation I have seen. Thanks man

[@dcode-software]

No worries, man

[@suzanamiceli8309]

@@dcode-software I have to agree with him! I was very confused about this and now I get it!! Thanks ♥

[@MarstonH]

agreed. dcode is the best

[@tonisihvola71]

Easiest subscription of my life :) Your way of teaching is superior to anyone teaching these subjects, by far. - Breaking the topic into clear and understandable steps. - Going through the subject with simple examples, of how the code fundamentally works. - Explaining what happens, when the piece of code is not applied (Simply, not leaving any questions behind) Please, keep it up.

[@dcode-software]

Appreciate that! Thank you very much

[@tannerbarcelos6880]

This is literally the best video on bind() out there. I’m starting to slowly really get the quirky things of JS. You earned a sub. I’m gonna go watch more of your vids now!

[@dcode-software]

I appreciate that! Cheers :)

[@theanimaprojectllc]

Hey man. Hoping that you’re a full stack monster now!!❤

[@eurostar_]

This is one of the best javascript tutorial channels i've ever watched on KZbin. You rock!

[@pouvoircerveau7826]

very clear explanation,great work man ,keep it up

[@dcode-software]

No worries mate, thank you.

[@maceakkari2478]

By far the most simplest and most effective explanation out there. thank you

[@dcode-software]

No probs mate, thank you!

[@billychanclub8622]

"Bind an object to a function" This makes so much sense now, that's exactly what I needed to understand this. Thanks!

[@okeibunorfavour257]

Love how you went straight to the point. Great Job!

[@bbuiu]

i am from Brazil, i bought a course in my language (portuguese) and i saw 4 times the explanation in my class and i can´t understand, so i come here and see you explanation, perfect i understand clearly, thanks!

[@techniquejoseph]

Thank You,. To the point, plain and clear. dcode is in my Top 5 for Tutorial Content Creators. Appreciate you dcode.

[@aligu7]

What if bind method has 2 arguments? for example : functionName.bind(arg1, arg2) ???? What does it mean. Plz some one help me

[@premkatta1128]

Great explanation, simple and straight to the point. This video should reach more people.

[@dcode-software]

My pleasure mate

[@gabrielfono844]

damn I was stuck in react and didn't know thanks for finding this video on youtube

[@sevakify]

me too :))

[@mehra.akshit]

Very clear and to-the-point explanation. Thank you!

[@dcode-software]

No probs!

[@MohamedhabibBellaaj]

This is the best demonstration of the function bin I have seen. Thank you, man :)

[@ahora1026]

So everyone in the comments are right. This explanation is a bit different from the others. Simple, understandable and no confusing words.

[@dcode-software]

Thank you! Very happy to hear it could help you 😁

[@TimoEngelvaart]

Was working on a React course and couldn't quite get my head around the use of 'this'. Thank you for your clear explanation.

[@LotfiOR]

Same here. Coming from a React course. Saw many other videos. This one explains exactly what I needed to understand 🙂

[@SomeshNukala]

Understood clearly finally about bind method. Best video for bind method

[@dcode-software]

Thank you 🙏

[@sparshgupta8078]

amazing explanation , no time wasting ,on to the point . that is what a learner needs

[@MrBaykalcelik]

The best explanation for bind method. Thanks sir. You should have more subscriber.

[@philippalbrecht9023]

Anyone know a specific use case for this? Why not just pass the objects as parameters to the function?

[@eddiedantes7732]

This use case could be applied when setting a regular function as an argument. If the regular function is not called as a method then this may not reference the object it is intended to reference. However, using an arrow function avoids the need to bind the this keyword. Also, sometimes you might want to use an object's method on a different object that doesn't have the method. TLDR, if you think the this will change dynamically you can use .bind anticipating the change and ensure the function executes referencing the correct object

[@nikhilchandraroy1094]

I have seen stackoverflow that was little bit of difficult but you are so simple to teach us, keep up man,

[@sreerup_dhrino]

Bestest bind video.... Just what I was looking for..

[@madhvikathar6972]

Short and very clear explanation, Thank you!!!

[@rdmammad5721]

Like... Super explained, but I do not understand one thing, why printCoordinates() (5:15) did not returned "undefined x,y error" messages?

[@arslanramay7992]

A very clear and to the point explanation. Great work. Thanks!

[@dcode-software]

My pleasure mate!

[@theman7050]

2 questions, Dom: 1. Bind is only suitable where only 1 variable needs to be passed in a function? 2. Is it necessary to use a variable to call function that way? I mean, directly calling functionName.bind(c1) should also call it?

[@carusosiza154]

Beautifully simple examples - thankyou.

[@jesper2455]

Would have liked to see you mention how call and apply relates to bind since they often get confused. Would also have been nice with some real-life examples of when bind is useful. Apart from that it's a good video!

[@ashuvssut]

This is a super simple and crystal clear explanation. Thanks for the MDN Link below... I was gonna google that anyway for... u know.. 'extras'😁

[@sgamer1770]

if you use printCoordinates(c1), why does it output: 'undefined, undefined'

[@sakshamsharma3360]

Great explanation. Simple and Clear. Thanks

[@nerdiloo9863]

The most succinct example of JS bind. Many thanks 👍.

[@dcode-software]

No probs mate!! 🍻

[@ubaidillah71]

Very good explanation. Thanks, im very confused before and now i can understand clearly 👌

[@dcode-software]

No problem!

[@gennieapulova8017]

one of the best explanations of bind/this .. thank you!

[@dcode-software]

No probs :) glad you liked it

[@silent-knight2123]

Super clear and concise explanation man, thanks! Subscribed. 🙏🏾

[@swopnilmaharjan8630]

what if we do c1_func = new printCoordinates.bind(c1); and then call c1_func() what happens in this?

[@cassianocominetti7784]

Straight to the point! Amazing video! Thank you!!!

[@HologramJay]

Dude, thank you so much for this breakdown. I've taken courses from popular udemy teachers, only to have them gloss over confusing topics like these(Looking at you "Javascript : Understanding the Weird Parts"). Thanks again, man!

[@codingworld6762]

Very well explained!good work!!

[@dcode-software]

No problem!

[@BoredBricks]

Is there a way to use bind with ES6 style functions?

[@CiscoZero]

B-E-A-U-TIFUL! Thank you so much, dcode Narrator!

[@andideveloper8345]

Good work bro ! A unique explanation!

[@dcode-software]

Thank you! I hope it helped 😁

[@Supernova12034]

Great tutorial..is that the primary usage of the bind method? To bind objects to functions??

[@weitingtam]

Awesome video! Bind has been bugging me for months and the documentation isn't the clearest and I keep seeing and using it in tutorials but never really understood how it actually worked. Thanks for the clear explanation and helpful examples :)

[@blazecudi]

yo bro you tackled a mind block I had in a second, thank you so much. New sub.

[@bounce21190]

Appreciate the in depth explanation, keep it coming!

[@dcode-software]

Thanks, will do!

[@marksimpson4310]

Clear and concise explanation

[@rod6722]

That was a very clear explanation. Thank you!

[@makadibalazs]

Ah, you saved me here man :). I was struggeling to understand this(lol)!

[@mahmoudnasr8710]

Perfect Explanation .Keep up the Great Work

[@bigbadcatbigbcy2933]

best video about bind method

[@edinetgrunhed6000]

wow,im impressed with this simple explaination

[@gargshishir3]

Great job explaining bind! I finally understand it.

[@dcode-software]

Glad I could help you mate

[@alpercaner2923]

what about multiple parameters with bind?

[@trycatchlearn]

its crystal clear explanation, great job man

[@dcode-software]

No problem mate!

[@PJ-od9ev]

thank you. how about someFun.bind( null , 'some_arg' ) what does it mean? what does it do? what is it for?

[@KelvinWKiger]

Best explanation about the "Bind" statement. _const object_fr = {_ _'prop_0': 'Merci',_ _'prop_1': 'beaucoup',_ _'prop_2': ' !',_ _};_ _const object_en = {_ _'prop_0': 'Thank you',_ _'prop_1': 'very much',_ _'prop_2': '!',_ _};_ _const func = function name_func(argu) {_ _return (this.prop_0 + ' ' + this.prop_1 + ' ' + argu + this.prop_2);_ _}_ _console.log(func.bind(object_en, 'Dom')());_

[@dcode-software]

Hahaha! Thank you mate glad to see you enjoyed it 😁

[@paxFilipinas]

Thank you, this was a really helpful, quick explanation

[@maremeaxi3344]

the best video about bind(); ;))))

[@dcode-software]

You're welcome

[@danvilela]

Excelent video! Thanks for this. What is the VS Code theme used?

[@olinkirkland]

Great explanation! Subscribed!

[@dexterwong3533]

awesome explanation... just a few words and got a light bulb moment. Great!

[@dcode-software]

Yeh mate no worries!! 😁

[@seeprabu22]

Crystal clear explanation. Thanks a lot.

[@dcode-software]

No problem, mate

[@netuse4956]

founded really wonderful explanation , loved it, found what i needed

[@dcode-software]

You're welcome

[@avimehenwal]

Now I am thinking what could be the use-cases where I can use bind? Please help, if you already have some use-cases where you have used js bind? thanks

[@dcode-software]

Bond is used less these days as arrow functions are now widely supported. But maybe you can use them with "addEventListener"?

[@ramusesandasari8451]

Last week I could not answer properly to this question When I attended interview , but now I can ...... Yeah .Thanks for this awesome video

[@dcode-software]

No worries! Good luck for the interview 😁

[@ramusesandasari8451]

Thanks .And can i know your name and about yourself

[@omarchin-keow5319]

apprently that's a nope! >_

[@kimonushki]

@@ramusesandasari8451 Every video he says "My name is Dom ..." so there's half your question answered.

[@devendradeo518]

perfect example, thanks

[@dcode-software]

No worries 😊

[@abulkalamazad6022]

Thank you, DOM! You explained it well ☺️

[@thisisitmj1]

Love it. Clear way to explain it!

[@sahithivadla1187]

Such a clear and concise explanation. 👍

[@amiladrck]

Thank you! Straight to the point.

[@coolmind2476]

Why would one do this Strange Binding, whats the benefit? Why not call the function with parameters?

[@irinafedorova2763]

What is the use case for this?

[@ranitdey7369]

You explained it real nice. keep it up!

[@mrxinu]

That was an excellent explanation. Thank you!

[@dcode-software]

No worries mate

[@limitless1692]

Beautiful explication . You are GOLD Thank You ! :)

[@abdoulabdoulmohaymen5]

Explained very good and simple. Thanks!

[@dcode-software]

No problem

[@annieluo6870]

thank you, you explained this so simply!

[@henriquedeveloper8101]

Good explanation man, thank you!

[@benabernethy1405]

Thank you man! Great explanation

[@karthickchinnasamy1749]

Simple and clear explanation!

[@dcode-software]

Thanks mate, that's the goal 😁

[@welcometochristown]

Very good explanation of bind. Thanks alot!

[@dcode-software]

No problem!

[@MiserableDuck95]

Great explanation

[@dcode-software]

Glad you liked it mate

[@AlexTechie]

EDIT: Okay, I read the docs again, and it turns out that `bind()` creates a whole new function. You did mention that at 3:05, so I apologize (even though I didn't mean any ill will towards you). Still, I think it should be stressed that it creates a whole new function. This is a huge distinction between `bind()` and `call()` / `apply()`, which do not create a new function. ---- 2:52 That's a monumental step you glossed over and I was really hoping you would explain it, as even MDN doesn't discuss it. But I figured it out on my own after wondering why my lab example of `bind()` wasn't working. This is my understanding of it: `bind` is a method that sets a property on a function. If you try to run the function as `printCoordinates.bind(c1)`, nothing happens. If you try to run the function as `printCoordinates().bind(c1)`, it'll execute (with undefined on console.log outputs) and then give you a type error. For anyone reading: if you don't want to assign the function to a variable and, instead, just want to execute it immediately, the secret is to invoke the function by adding parenthesis at the of `bind()`. For example: `printCoordinates.bind(c1)();`

[@dcode-software]

Yeah good explanation, appreciate the feedback! 🍻

[@rashedxyz]

Great explanation! Thanks

[@dcode-software]

No problem 😀

[@devwithjs]

Awesome explanation!!!

[@prateek4524]

nice explanation 😊🔥🔥

[@tbethauser]

Excellent, so helpful!

[@preciousadeyinka2786]

Thanks man, this is helpful!

[@satishmaurya2089]

thanks a lot buddy, very nice explanation

[@dijiflex]

thanks this was a very clear explanation

[@shrestha0144]

straightforward..thanks

[@AK-Star007]

Great explanation, thanx

[@AhmadAli-ml8xr]

I understand the explaination but not the purpose of binding. Sorry I just started JS a few days ago! What is the advantage of using "this" to call a binded object, compared to just using the variable parameter of the function to reference the objects in question

[@muhammadainuddin4650]

Great explanation, Thanks

[@dcode-software]

No worries

[@giladbenatiya]

great explanation you are good

[@dcode-software]

Haha thank you mate

[@mahbubtonoy6974]

Coolest Explaination. Thank You

[@blendjams]

Best explanation. Thanks :)