What is THIS in JavaScript? in 100 seconds

Рет қаралды 211,205

4 жыл бұрын

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

Пікірлер: 355

@upperarmhumor 4 жыл бұрын

The extension to the 100 seconds is great, keep doing that.

@Fireship 4 жыл бұрын

Glad you liked it :)

@rogadev 4 жыл бұрын

isGreat(this.100seconds.extension) returns true.

@maxencedc 3 жыл бұрын

@@rogadev nope, you can't have numbers as a property, a more convenient way of doing this would be isGreate(this["100seconds"].extension) ;)

@avinashthakur80 2 жыл бұрын

@@maxencedc While fixing one bug, you created another. Its "isGreat"

@maxencedc 2 жыл бұрын

@@avinashthakur80 You're right. But it's a typo whereas his wasn't

@DRLgaming 4 жыл бұрын

This is by far the most succinct and clear explanation of `this` that I've seen to date. Great work as always!

@lucasfelipe-ze5sy 4 жыл бұрын

Learning THIS before this videos: 😰 After this video: 😎

@UmarHamza 4 жыл бұрын

Agreed

@Hacking-NASSA-with-HTML Жыл бұрын

Did you even try to run that code???? IT DOESN'T WORK !!!!

@joffarex 4 жыл бұрын

*sees title* *sees video length* *confused screaming*

@Fireship 4 жыл бұрын

Watching more than 100 seconds is completely optional (but highly recommended).

@danielelkins247 4 жыл бұрын

@@Fireship nah, it's a cheap clickbait tactic.

@Verdoyant933 4 жыл бұрын

@@danielelkins247 what ? how is this clickbait are you braindead ?

@abhisheksdhakad2630 4 жыл бұрын

@@danielelkins247 if you don't want the knowledge then you can just go away

@Knee-Lew 3 жыл бұрын

@@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.

@joncoedisko 10 ай бұрын

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.

@pedroleite2182 4 жыл бұрын

I love 100 seconds videos but the possibility of having a deeper explanation... just amazing! Thank you!!

@TheRyanSmee 4 жыл бұрын

😯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 🔥

@Fireship 4 жыл бұрын

Sweet! I'm hoping throw in more extended segments in the future.

@TheRyanSmee 4 жыл бұрын

I look forwards to them man! Me and all the devs at work watch your videos religiously!

@mishrasidhant 4 жыл бұрын

I second this, please do in depth follow ups, your videos are beyond bomb.

@mishrasidhant 4 жыл бұрын

I'm trying to spread your videos to others, instead of corona, your channel should be pandemic.

@Hacking-NASSA-with-HTML Жыл бұрын

just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!

@mcny40 4 жыл бұрын

I love the extra portion. I hope you’ll keep adding it when it’s pertinent. Thanks for the fabulous work!

@zenitzo Жыл бұрын

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

@soheilrashidi1605 4 жыл бұрын

The extended part after the quick introduction is amazing !!!!!!

@ceriusgeek2749 4 жыл бұрын

This is probably the best explanation I've seen on the 'this' keyword, .bind(), .call(), and .apply().

@jayanths1221 4 жыл бұрын

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..

@Fireship 4 жыл бұрын

Those 3 methods are hard to keep straight.

@Technizor 4 жыл бұрын

@@Fireship The ABCs of JS functions...

@Gustavo-ye1ko 4 жыл бұрын

keep it up, I've been working with JS for 6 years now and I can tell you this... it was worth the time :)

@Hacking-NASSA-with-HTML Жыл бұрын

just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!

@abdullahawisimulaha 3 жыл бұрын

one of not many channels creators who I watch with normal speed and stops on some topics. Lot of content, respect

@sherllock2048 4 жыл бұрын

The last 5 seconde of the video blew my mind, great job,keep extending your 100sec series please

@himanshukumar-kn6ru 4 жыл бұрын

Excellent explanation! I'm so happy that it went beyond 100 seconds. 🔥

@julienwickramatunga7338 4 жыл бұрын

+1 for the extension concept! Thank you for the good work!

@valquirsouza1329 Жыл бұрын

I've watched the whole thing and this went way over my head

@dominik1023 2 жыл бұрын

Nice, 100 seconds that take a week to unpack. Great job!

@pratyaybanerjee8574 4 жыл бұрын

Loved this Jeff

@loka2011eslam 4 жыл бұрын

Love this extra segment and as usual the perfect content

@mohammadimran2219 4 жыл бұрын

3:29 "In an arrow function this is based on the enclosing object's execution context" brain.exe has stopped running

@amiralam1786 4 жыл бұрын

@grgry06 3 жыл бұрын

i agree.

@inklingboi8431 3 жыл бұрын

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

@adnanbadshah3425 3 жыл бұрын

It means two level up from the current function scope

@undefinedvariable8085 2 жыл бұрын

MyThinking server has gone away

@lcssbr 4 жыл бұрын

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!

@kaidenrogers 4 жыл бұрын

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.

@tajpouria 4 жыл бұрын

I love this extra segment bro

@cmdv42 3 жыл бұрын

Liking the encore beyond 100 seconds - great visuals in every video!

@ankushsharma3181 4 жыл бұрын

I mean I am hooked to your videos, this might be the best series I saw in a while along with money heist!

@elanza48 4 жыл бұрын

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 😊

@0mdshuvo0 4 жыл бұрын

Thank you so much for making this so early 💓

@Jam_Spam 4 жыл бұрын

Great style of teaching fast general introduction to the topic then a slower paced deeper explanation

@riddixdan5572 4 жыл бұрын

Love it :D, keep em coming. I need more!!!!

@mahmudul-hasan-sreejon 4 жыл бұрын

I find `this` video great and would like to see more "100 seconds + Breakdown" type videos in the future.

@paritoshbatish9984 4 жыл бұрын

The extension was great. Especially for someone new at core concepts of js

@DineshKumar-im5lg 3 жыл бұрын

U have just said things that I have been learning for past 1 month in 6 min great man.. 🔥

@Paolo-bj2qk 4 жыл бұрын

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

@zakhariihusar6975 3 жыл бұрын

I love this channel, always straight to the point 👍👍👍

@trusterzero6399 4 жыл бұрын

always go beyond dude, love it

@user-ug5eo5gf4c 3 жыл бұрын

Great content man, "This" has been a nightmare to learn and I can say I am starting to get my head around it now

@alejkun4923 4 жыл бұрын

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!

@ValchyGaming 4 жыл бұрын

I love the new segment keep it up :)

@adoniakazemzadeh 4 жыл бұрын

Thank bro this was the best and shortest explanation about this. great job.

@pobodjjd 4 жыл бұрын

The extension is awesome! Big like!

@auguwu 4 жыл бұрын

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!

@Hacking-NASSA-with-HTML Жыл бұрын

just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!

@alastairm-e3967 4 жыл бұрын

Really like the extension on the 100 second videos.

@wontonfuton 4 жыл бұрын

Yesss, *this* format of the video is very nice!

@itsRAWRtime007 4 жыл бұрын

Keep the extensions for sure ! Please do some series on functional patterns in js.

@sebbes333 4 жыл бұрын

The "extra time" after 100 seconds is really helpful :D

@namikbatra4094 4 жыл бұрын

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

@Fireship 4 жыл бұрын

Thanks for the suggestions! Glad to hear your team is finding them useful :)

@Hacking-NASSA-with-HTML Жыл бұрын

just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!

@LaLa0wng3 4 жыл бұрын

Thank you for your amazing and informative content.

@ALXG 3 жыл бұрын

THIS... is an amazing video explanation!

@ragan1425 4 жыл бұрын

great (397 sec) video! must-see for JS developers, clear as crystal 👍🏻

@sagnikpradhan3594 4 жыл бұрын

Can I ever stop getting impressed of your videos?

@bennettfoley3018 4 жыл бұрын

fantastic lecture. thanks for the content!

@Soremwar 4 жыл бұрын

When are you gonna make a video on Deno? Also, that last chaining tip is a BOMB

@Fireship 4 жыл бұрын

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.

@Soremwar 4 жыл бұрын

@@Fireship Actually just needed some Capitals to gain some attention. Not something I do either Glad to hear that :)

@elgalas 4 жыл бұрын

Builder pattern is the bomb

@MaxCoplan 4 жыл бұрын

What about Deno?

@HardySHD 4 жыл бұрын

i definetly like this extra segment!

@kobenade 4 жыл бұрын

Awesome....what vscode theme do you use?

@Somberland 4 жыл бұрын

Ah I love „this“ beyond 100 seconds :) nice idea

@JohnJohnson-ds4ui 4 жыл бұрын

Awesome video!! It took a while for me to grasp the concept of "this", but your explanation helps a lot! 🔥🔥🔥

@Hacking-NASSA-with-HTML Жыл бұрын

just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!

@vinos1629 4 жыл бұрын

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

@Fireship 4 жыл бұрын

I hear you, trying to do a mix of both formats.

@Hacking-NASSA-with-HTML Жыл бұрын

just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!

@kakhan2086 4 жыл бұрын

The extended part is great 👌

@kishanvaghasia4059 4 жыл бұрын

hey i like this beyond 100 sec video. Keep making this and make explanations as simple as this is other videos too

@RaviYadav-bt2eg 4 жыл бұрын

Thanks for fulfilling my request 🙌

@optimusdebugger9638 4 жыл бұрын

I love this extended version of 100s

@dominiclapitan8466 4 жыл бұрын

I literally clapped after watching this 😉 video. Great work as always!

@alibarznji2000 4 жыл бұрын

I love your work, could you make a video on node and express please

@UmarHamza 4 жыл бұрын

I like that youv'e gone beyond 100 seconds and broke this down 👌

@Flynn1411 4 жыл бұрын

This video really have me new info about this

@compton8301 4 жыл бұрын

Favourite channel. Favourite teacher.

@compton8301 4 жыл бұрын

I love the extension.

@joecat8743 Жыл бұрын

wow, i learned a lot from this

@gregorqu Жыл бұрын

I did not understand much, but thank you for this video!

@adarshnayak6803 2 жыл бұрын

Really informational I loved it

@danieljoaquinsegoviacorona1734 4 жыл бұрын

liked the long version, try create the extended version of the old 100 secs vids please :D

@thriftykapila8420 4 жыл бұрын

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?

@Fireship 4 жыл бұрын

Thank you! on IG as fireship_dev

@Hacking-NASSA-with-HTML Жыл бұрын

just a paid comment I believe ????? Did you even try to run that code???? IT DOESN'T WORK !!!!

@gumbo64 4 жыл бұрын

I can tell this is important so I'll save this for when I need it

@jakeedgar3076 2 жыл бұрын

Yeah I would love some more videos about "this."

@HigkeyRegarded007 Жыл бұрын

This channel is amazing.

@raamm10 4 жыл бұрын

i like the 100 second overview first and then indepth look later.

@davidralph 4 жыл бұрын

Another excellent video!

@rstark 4 жыл бұрын

Its better with this extra part, hope u would be continue with this, a bit too fast, for non english native speaker :) Great channel!

@meliudaj 2 жыл бұрын

Seriously, nobody has counted how many times this is said in this video about this? This is inconceivable. 🙂

@e-benz 4 жыл бұрын

Method chaining is real mindblower

@juliohintze595 4 жыл бұрын

Sometimes I think I don't understand "this", but learned to get around it with binds and arrow function.

@FauzulChowdhury 4 жыл бұрын

An extension that extended my knowledge. "W😲W" on the last part.

@Rasecz 4 жыл бұрын

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

@user-ym8sp2yi1k 2 жыл бұрын

great video, im still waiting for the video about the "class" keyword ^^

@MikeDue 8 ай бұрын

Please keep doing the beyond 100 seconds it's awesome!! Also sorry about your mom :(

@camilolestani8350 4 жыл бұрын

Please do another about closures

@ultramoxx1148 4 жыл бұрын

What is this ? Why are theese tutorials having such a high quality ? I subscribed btw :)

@mdparvejhasan7040 4 жыл бұрын

Yes we want please make another video about this

@Programming-Fun-With-Hima 4 жыл бұрын

I really love this GREATE CHANNEL

@fryc.dominik 4 жыл бұрын

Some tips for videos: Npm vs Yarn CSR vs SSR Protractor vs Selenium vs Cypress Replace Protractor with Cypress in Angular

@joroh_ 4 жыл бұрын

great Videos, I hope if you can make a Video about : how does the browser actually render a website.

@bhavyakukkar 11 ай бұрын

what did he switch on in the editor at 4:22? it looked like it was an interactive node shell integrated into whatever editor he's using. he's so cool btw