JS Function Methods call( ), apply( ), and bind( )

[@weronikadabrowska2829]

in that calming voice even javascript doesn't make blood boil

[@jd.8019]

I must say, you are a very good communicator. One of the most clear and concise explanations, in addition to your examples, I have seen. Thank you!

[@captainalpha4853]

Man, my life is useless without your courses! Thank you!

[@mrSargi7]

hurt my brain reading complicated articles with no results, thanks for this awesome explanation!

[@xeonace]

one of the best teachers about javascript on youtube

[@qasimarthuna9254]

I always look for your green thumbnail in my KZbin search. And if I find I just don't even read your title and give it a shot. Because you are awesome and whatever knowledge you give, I want everything. Love you ❤️ from 🇮🇳

[@6rs7rd7ts3]

XD, it funny because i do search the green thumbnail and with out thinking i click the video

[@pattyboi55]

Steve any time I get stuck on something I look you up to explain it. You are great!

[@rotrose7531]

Every tutorial from you is GOLD, thank you.

[@ShreyasKumar]

Finally I binded myself to You.. Awesome teaching. Thank you.

[@shrikantg3860]

Perfect. to understand call apply and bind thanks for sharing

[@huseynfy]

Thanks man! Worth to watch.

[@Snoo29293]

I didn't really understand why we needed to use call for the method example, doing this would work too: function bob(name, age){...} let obj = { method(fn, n, a){ fn(n, a); } } obj.method(bob, "Jack", 16)

[@SteveGriffith-Prof3ssorSt3v3]

most of the time it is used for delegation. The first parameter in call( ) apply( ) or bind( ) is what you want to use as `this`. You get to change the context for calling your method and do it with a single line of code. There are always alternative ways of doing pretty much anything in JavaScript. It is about understanding how all the tools work so you can use the best one for your current situation.

[@anokhps3088]

Its very clear,you are an amazing teacher is what all i have to say!Thank you.

[@umarspi]

after many tutorials, i got a clear vision here. awesome approach brother. thanks a lot

[@6rs7rd7ts3]

Always great content, easy to understand and a calming voice.

[@persiansayed]

Great, concise and simple explanation. I was reading lodash's implementation of "once" method. It calls "before" method in its body and there they have used "apply" to call the given function. Thank you, I was able to understand it after watching this video.

[@SteveGriffith-Prof3ssorSt3v3]

You may also be interested in this - kzbin.info/www/bejne/gGGZhq1topJ9pJo It is the vanilla JS implementation of once, in the browser.

[@persiansayed]

​@@SteveGriffith-Prof3ssorSt3v3 Thanks, it's quite helpful. I really like the way you explain in-depth and core concepts in your videos, it's quite hard to find such type of videos nowadays.

[@navidansari1895]

this is the best and very clear explaination to these fucntions till date...

[@SteveGriffith-Prof3ssorSt3v3]

Thanks! If you found it useful please share. :)

[@jrs_devs]

Every time I need to properly learn some base functionality of javascript, there's one of your videos about the topic ❤❤

[@ciciiig]

This is so complicated. Is there a better way than using call, apply, bind methods in 2021?

[@SteveGriffith-Prof3ssorSt3v3]

This is core functionality. Still in 2021.

[@kmchow4971]

I think you just saved me from the official document hell.

[@عاشقالشارقة]

7:19 I accidentally stepped on my cat's tail, I apologize :)))

[@EconomicsDomain]

Love the sound effects ;)

[@ericalexander3816]

This is the first time I've watched your video and know nothing about you. But I know that you are Canadian :).

[@Dorff_Meister]

Fantastic explanations. I do believe my new knowledge will help me solve my current problem. Thanks!

[@SuperLukiano]

Lost you on bind although I was already familiar with that function and I use it. You make it to complex for no reason. I was here for the call and apply and i got that one, thanks.

[@genadi2850]

Very good explanation!

[@NeilMyatt]

7:20 cat falls off wardrobe, no-one notices :-)

[@SteveGriffith-Prof3ssorSt3v3]

Cat "falls" off wardrobe...

[@chesterxp508]

Another very cool tutorial !!!

[@code-to-design]

this one is my fifth, and i finally got it. amazing!

[@codea8901]

Amazing tutorial once again Steve! One question I have is that in the bob function you have a return true statement at the end and wondered what's the purpose of that please? Many thanks.

[@SteveGriffith-Prof3ssorSt3v3]

Just to illustrate that when you use bind you get back a copy of the function, not the true.

[@codea8901]

@@SteveGriffith-Prof3ssorSt3v3 Thank you.

[@Thommyaso]

awesome explanation, thanks

[@feroz1212011]

Wow...great explanation, thanks.

[@stunningmesh6263]

You are awesome please keep updating us with your knowledge

[@walterokpala1229]

Best explanation seen !!!!

[@Coxander]

Best explanation that I have found . Thank you a lot! One question, have you considered creating a full JS course with projects and exercises? I would gladly pay for something like that. Tnx

[@SteveGriffith-Prof3ssorSt3v3]

Thanks. It's what I do full-time as my job, teaching web development. I have given lots of thought to creating a course on one of the many platforms like Udemy. I have been approached by a number of schools and publishers to do this too. It's just hard to find the time on top of my full time work and keeping up this channel. Sharing my channel with more people does help me though, so please share it.

[@Coxander]

@@SteveGriffith-Prof3ssorSt3v3 I have already recommended your YT channel on Reddit, and I will keep doing it in the future. I have learned a lot from you! I understand that you don't have enough time , but you are a great teacher and If you decide to create a course on Udemy I will support it 100%. Big thank you!

[@mirzacerim6599]

@@SteveGriffith-Prof3ssorSt3v3 Just came here to say, you make a course on js, i buy it right away on udemy. Even if i would by that time get to a point where i dont need it, i would still buy it. Not just js, whatever web dev related you make.

[@jiteshnarula9257]

Very nicely explained! Thank you very much :)

[@noonecares6816]

Sorry where did we get fn() function inside the method?

[@SteveGriffith-Prof3ssorSt3v3]

When we call bill.myMethod( bob ) we are passing in bob, which is a function. So, inside the bill object... bill = { ... myMethod: function (fn) { //fn is the function bob that we passed in } }

[@shubhsagar6234]

Sir, I expected when Bob was called inside the bill object then the value of 'this' should be object bill not the window object...

[@shubhsagar6234]

I got it after the full video... Thanks... Yo

[@mrcoder7327]

This video really helped me improve my developing skills! Thanks

[@twerner5496]

It finally makes sense, thanks much

[@MeshTheSnake]

amazing explanation, thank you!

[@nasarshaik5207]

sincerely thankyou so much sir..!

[@jasbindarsingh1640]

hey Steve, great video understood the working of call, apply, and bind, but can you state where I could use it and why, why do we pass a context to a function when it is doing the same thing.

[@SteveGriffith-Prof3ssorSt3v3]

When you need to create a closure around a value that will be used in the function when it gets called or when you need to change the context in which the function will run. Not something that you need to worry about until those other concepts make sense and you realize that you need them.

[@jasbindarsingh1640]

@@SteveGriffith-Prof3ssorSt3v3 thanks Steve, btw I am seeing a lot of things in JS revolve around closures.

[@SteveGriffith-Prof3ssorSt3v3]

@@jasbindarsingh1640 Closures are definitely a core feature in JS in how scope is handled.

[@genovo]

Apply is Array, Call is Comma, Bind is 'BloBject'. Dumb. I know, like a Blontext.

[@jalalbmnf]

Hi. Thank you, it is a great content

[@namlevan2929]

i 'm a little confused about these method. thank you so much i'm just subscribing your channel

[@RedEyedJedi]

One question though Steve. If, fn.apply(bill, [n, s]); does exactly the same thing as fn.call(bill, n, s); why would you choose the version with 3 extra characters? Are you some sort of secret keyboard torturer? haha

[@SteveGriffith-Prof3ssorSt3v3]

Sometimes you will have a single variable which is an array. Other times you will have several variables. Choose the version that works for your circumstances.

[@RedEyedJedi]

@@SteveGriffith-Prof3ssorSt3v3 So the only difference between call and apply, is the parameters it takes?

[@SteveGriffith-Prof3ssorSt3v3]

@@RedEyedJedi yep

[@RedEyedJedi]

@@SteveGriffith-Prof3ssorSt3v3 Thanks Steve, I appreciate you taking your time to respond.

[@mrlectus]

Wish there was a real world practical example

[@RedEyedJedi]

Absolutely awesome tutorial, thank you Steve. Your videos are extremely helpful.

[@piegpa]

Excellent!

[@shrestha0144]

7:20 was that a cat ?

[@SteveGriffith-Prof3ssorSt3v3]

Very probably.

[@orangelimesky]

David Attenborough of JavaScript YT Videos

[@ravithakor6238]

easiest explanation nice

[@kurdactivitie4533]

good job man, keep up.

[@yoelmarquez5029]

Still a bit confusing but this helped

[@donfully]

Thank you sir

[@aba3722]

영어 모르는 한국인을 울고갑니다

[@SteveGriffith-Prof3ssorSt3v3]

:) And I wish my Korean was better so I didn't have to use Google Translate to read your comment.

[@ahmadmohamad8416]

thank you

[@yaolegoleynik]

Thank you!

[@sergeymigel4680]

big thanks!

[@kulbhushandhongade382]

where you are going man its not good

[@sol0matrix]

Excellent

[@hamidRaven13]

this keyword this was quite confusing

[@SteveGriffith-Prof3ssorSt3v3]

kzbin.info/www/bejne/m4iniZqpfsyHfc0

[@SanjarKodirov-ww3le]

Hi i really love your lessons. But thins mouse voice is soo annoying can you fix this please ))))

[@SteveGriffith-Prof3ssorSt3v3]

I did years ago.

[@williamjamesrapp7356]

Sorry but it seems that all people who are smart at coding know little to nothing about TEACHING.

[@SteveGriffith-Prof3ssorSt3v3]

Are you referring to me? Or am I not understanding what you are trying to say? Because I have been an award winning professor for nearly 20 years. There is also a difference between explaining a method or concept and a tutorial that explains the exact solution to a problem that someone is having.

[@williamjamesrapp7356]

@@SteveGriffith-Prof3ssorSt3v3 I apologize. My own frustrations and inadequacies in learning I have spoken out of turn. Obviously your courses or examples here are not intended for people trying to learn JS but for people who already know JS and you are, giving examples of what ever this is. I am looking for something more along the beginners side of teaching CALL's are, you know someone who is trying to learn how to implement this in a real world situation and without context, like your example, to me this might as well be Chinese spoke by a Greek Professor to a class room full of Mexicans. It means nothing to me and there in lies my frustrations and I apologize if my comment , as smart and as award winning as you may be, has offended you. I have become comfortable with HTML, CSS, PHP, SQL, but as many hours of JS as I have watched it is abstract information to me without anyone ever using it in context to a WEB SITE or how to actually implement this in a web site. THAT IS MY ISSUE and NOT YOURS and I again apologize for offending you. But if this is how you TEACH I would not want to take one of your classes.

[@SteveGriffith-Prof3ssorSt3v3]

No offence taken. JavaScript is a huge topic. There is some that applies directly to the browser and some other things that have nothing to do with the browser. This topic is one that I teach my students after about 3 - 4 months worth of prior JS training. It's not a topic that is necessarily directly applicable to a web site. I have a playlist called JS from the Start. This list is about the topics that are just JS programming topics, not things that need a browser. I have another big playlist that is called JS in the Browser. That list is about scripting things for a website. I have lots of other smaller playlists about specific topics like loops, functions, arrays, AJAX, HTML5 APIs, etc. those lists have a mixture of things that are browser dependent and things that have nothing to do with websites, they are just programming concepts. The programming concepts are about learning the tools of the language. Once you know enough tools then you can start to use combinations of those tools to solve problems. If you are looking for website specific stuff, since you already have some programming experience with PHP, I would recommend that you look through the JS in the Browser and the HTML5 APIs playlists. Those sound more like what you are looking for.

[@williamjamesrapp7356]

@@SteveGriffith-Prof3ssorSt3v3 Thank you for your time and response. Have a fantastic weekend.

[@Jacobl119]

Thank you!