What is THIS in JavaScript? in 100 seconds
ฝัง
- เผยแพร่เมื่อ 26 มี.ค. 2020
- Learn what the "this" keyword does in JavaScript in 100 seconds. And stay tuned for a few minutes of more advanced discussion after the credits.
#javascript #100SecondsOfCode
Install the quiz app 🤓
iOS itunes.apple.com/us/app/fires...
Android play.google.com/store/apps/de...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font - วิทยาศาสตร์และเทคโนโลยี
The extension to the 100 seconds is great, keep doing that.
Glad you liked it :)
isGreat(this.100seconds.extension) returns true.
@@rogadev nope, you can't have numbers as a property, a more convenient way of doing this would be isGreate(this["100seconds"].extension) ;)
@@maxencedc While fixing one bug, you created another.
Its "isGreat"
@@avinashthakur80 You're right. But it's a typo whereas his wasn't
*sees title*
*sees video length*
*confused screaming*
Watching more than 100 seconds is completely optional (but highly recommended).
@@Fireship nah, it's a cheap clickbait tactic.
@@danielelkins247 what ? how is this clickbait are you braindead ?
@@danielelkins247 if you don't want the knowledge then you can just go away
@@danielelkins247 do you want some attention?
Now you've done it.
Obviously this is only optional, if you don't like it, just unsubscribe. Simple.
This is by far the most succinct and clear explanation of `this` that I've seen to date. Great work as always!
Learning THIS before this videos: 😰
After this video: 😎
Agreed
Did you even try to run that code???? IT DOESN'T WORK !!!!
I have lost out in interviews because, although having a conceptual understanding, I could not properly articulate all of .. uh.. this. This this video nails it, and I feel that much more confident. Best six minutes I've spent on anything ... uh.. this.. week.
😯He went over 100 seconds.. I didn't know that was allowed haha. I actually really like the 100 seconds prefaces with in depth breakdown to follow 🔥
Sweet! I'm hoping throw in more extended segments in the future.
I look forwards to them man! Me and all the devs at work watch your videos religiously!
I second this, please do in depth follow ups, your videos are beyond bomb.
I'm trying to spread your videos to others, instead of corona, your channel should be pandemic.
just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!
I love 100 seconds videos but the possibility of having a deeper explanation... just amazing! Thank you!!
Been a Javascript developer for almost 2 years and I finally realized the difference between bind() and call(). I always thought they were exactly the same functions with the only difference being call() accepts function parameters..
Those 3 methods are hard to keep straight.
@@Fireship The ABCs of JS functions...
keep it up, I've been working with JS for 6 years now and I can tell you this... it was worth the time :)
just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!
The extended part after the quick introduction is amazing !!!!!!
one of not many channels creators who I watch with normal speed and stops on some topics. Lot of content, respect
i need more videos explaining things in 397 seconds lol, absolutely loved it. I am new to the front end world and this channel has helped me so much, LOVE YOU GUYS
This is probably the best explanation I've seen on the 'this' keyword, .bind(), .call(), and .apply().
I love the extra portion. I hope you’ll keep adding it when it’s pertinent. Thanks for the fabulous work!
I've watched the whole thing and this went way over my head
The last 5 seconde of the video blew my mind, great job,keep extending your 100sec series please
Excellent explanation! I'm so happy that it went beyond 100 seconds. 🔥
3:29 "In an arrow function this is based on the enclosing object's execution context"
brain.exe has stopped running
XD
i agree.
with this he meant the lexical scope, or from where the function was called, since the method was called in the global scope, its execution context was global :3
It means two level up from the current function scope
MyThinking server has gone away
+1 for the extension concept!
Thank you for the good work!
I love this extra segment bro
Wow thanks for including my name.
P.S :- Loving the 100 sec series. It's something I have been recommending people before and interview or when I have to give some learning reference material before the allocation of work for interns in our company
Thanks for the suggestions! Glad to hear your team is finding them useful :)
just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!
Sometimes 100 seconds isn't enough to give a good understanding about a subject, so with the extension part, the video got more interesting. Thanks for the video!
Nice, 100 seconds that take a week to unpack. Great job!
Love this extra segment and as usual the perfect content
Love it :D, keep em coming. I need more!!!!
Thank you so much for making this so early 💓
These r great but I love the longer vids where u make smth from scratch . It's great to see how stuff Is implemented and stuff and there are a lot of great tips in there
I hear you, trying to do a mix of both formats.
just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!
When are you gonna make a video on Deno?
Also, that last chaining tip is a BOMB
I am, it's on my list and I've messed around with it a little bit. Not saying chaining is something you should do, just showing how it works.
@@Fireship Actually just needed some Capitals to gain some attention. Not something I do either
Glad to hear that :)
Builder pattern is the bomb
What about Deno?
Yes, I love we got the best of both worlds here, For those who need a refresher, we don't need to scrub through the video to find what we need, it's right there at the beginning, and if we need more information we can keep watching for a deeper dive without having to go find another video on the subject where the quality likely wouldn't come close to the quality of your videos. Keep making great stuff man, I love you(not weirdly, I swear) for it.
Liking the encore beyond 100 seconds - great visuals in every video!
Excellent video, Jeff! I love the speed in the beginning and the slow part for people who can't understand under 100 seconds of a topic. Keep it up as always!
just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!
I love the new segment keep it up :)
Yesss, *this* format of the video is very nice!
I mean I am hooked to your videos, this might be the best series I saw in a while along with money heist!
Can I ever stop getting impressed of your videos?
the explanation of bind() context to this keyword is very usefull. I have seen many other tutorials, but they just code it and show What is the output, instead of describing the functionality.
Once again thanks 😊
Really like the extension on the 100 second videos.
Great style of teaching fast general introduction to the topic then a slower paced deeper explanation
always go beyond dude, love it
I love this channel, always straight to the point 👍👍👍
U have just said things that I have been learning for past 1 month in 6 min great man.. 🔥
I find `this` video great and would like to see more "100 seconds + Breakdown" type videos in the future.
The extension was great. Especially for someone new at core concepts of js
Hi Jeff,
I admire the way you can explain things in such an efficient, fun and pleasant way.
What is your mental model and strategy for teaching?
Have you considered making a video about it?
Thanks for all the great high quality content, and the inspiration!
great (397 sec) video! must-see for JS developers, clear as crystal 👍🏻
The "extra time" after 100 seconds is really helpful :D
The extension is awesome! Big like!
I love this extended version of 100s
Thank you for your amazing and informative content.
THIS...
is an amazing video explanation!
this (the video) is pretty usefull because it can help mid to senior developer with interviews since the execution context is a common question out there
I like that youv'e gone beyond 100 seconds and broke this down 👌
Thank bro this was the best and shortest explanation about this. great job.
Great content man, "This" has been a nightmare to learn and I can say I am starting to get my head around it now
Loved this Jeff
I literally clapped after watching this 😉 video. Great work as always!
Thanks for fulfilling my request 🙌
fantastic lecture. thanks for the content!
Awesome video!! It took a while for me to grasp the concept of "this", but your explanation helps a lot! 🔥🔥🔥
just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!
i definetly like this extra segment!
Keep the extensions for sure !
Please do some series on functional patterns in js.
I love the extension.
This video really have me new info about this
wow, i learned a lot from this
Seriously, nobody has counted how many times this is said in this video about this? This is inconceivable. 🙂
Ah I love „this“ beyond 100 seconds :) nice idea
Favourite channel. Favourite teacher.
we need that beyond 100 seconds section in every 100-second video
The extended part is great 👌
hey i like this beyond 100 sec video. Keep making this and make explanations as simple as this is other videos too
Quality content is valued, video length doesn't matter just keep it tight and crisp as always😍😍😍👏🏼👏🏼👏🏼 big fan, are you on Instagram as well?
Thank you! on IG as fireship_dev
just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!
I can tell this is important so I'll save this for when I need it
Method chaining is real mindblower
Sometimes I think I don't understand "this", but learned to get around it with binds and arrow function.
Really informational I loved it
I did not understand much, but thank you for this video!
That part about chaining 💙
I really love this GREATE CHANNEL
i like the 100 second overview first and then indepth look later.
I love your work,
could you make a video on node and express please
Another excellent video!
I love the content past 100 seconds
Yeah I would love some more videos about "this."
An extension that extended my knowledge. "W😲W" on the last part.
This channel is amazing.
Its better with this extra part, hope u would be continue with this, a bit too fast, for non english native speaker :) Great channel!
WOW!!!! Whenever that notification pop up i received , i feel so happy , streams of knowledge. I just wanted to say thank you Jeff ☺️☺️👍👌. Can you please make one video on Symbol , proxy and other meta programming things. Thanks.
Thanks for watching, those would make good advanced topics 👍
more like observables of knowledge ;)
Yes we want please make another video about this
I start learning JavaScript today and get your notification ❤
liked the long version, try create the extended version of the old 100 secs vids please :D
I've been waiting for this. No pun intended xd
Thanks!
this just made my head spin
great video, im still waiting for the video about the "class" keyword ^^
Thank you.
Amazing job. I’m always having to console log this to understand what’s going on. Now I should be able to read a bit better
I like the extra bits
Great video...🤩
great Videos,
I hope if you can make a Video about :
how does the browser actually render a website.
Awesome....what vscode theme do you use?
Please keep doing the beyond 100 seconds it's awesome!! Also sorry about your mom :(
Not only is Fireship one of the best teachers on the internet, he has the best voice at .75 playback speed! 🔥🔥🔥