THIS keyword - Beau teaches JavaScript

  Рет қаралды 58,364

freeCodeCamp.org

freeCodeCamp.org

Күн бұрын

Пікірлер: 73
@raywillaimjhonson
@raywillaimjhonson 5 жыл бұрын
The more I try to understand "this" the more my brain wants to fall out of my head.
@BobbyBundlez
@BobbyBundlez 4 жыл бұрын
hope u figured it out. im like 75% there haha
@S4LTYT
@S4LTYT 4 жыл бұрын
same
@midknight3350
@midknight3350 2 жыл бұрын
Ditto. I'm having a hard time picking it up.
@QaisZayed.work90
@QaisZayed.work90 9 ай бұрын
Same , like whats is good for? !LOL
@grandpowr
@grandpowr 7 жыл бұрын
I understood because I read the book You Don't Know Javascript, but I think you should slow down a bit for newer people, otherwise I found it well made, really love this series you're doing.
@masterwayne9790
@masterwayne9790 3 жыл бұрын
Thank you it helped me in others ways too
@QaisZayed.work90
@QaisZayed.work90 9 ай бұрын
agreed too many hard codes that u even forgot the lesson that u should understand!
@GabeDStudios
@GabeDStudios Жыл бұрын
Let me re-arrange some sections to make it a bit clearer and beginner friendly: var o = {a: 1, b: 3}; function add(c, d) { return this.a + this.b + c + d; } console.log(add.call(o, 5, 7)); console.log(add.apply(o, [10, 20])); It's good practice to declare all your variables and values first before any functions and by doing this, it becomes easier to read. Here we create an object with two properties which is "a and b". "a" set to 1 and "b" set to 3. "this.a" and "this.b" is pointing to the properties of the variable "o". apply and call are METHODS for the "this" keyword, think of them as attachments for your gun that enables it to do other stuff. the rest should be self explanatory if you studied the basics well. If not, gotta go back to start, you might have missed a few lessons.
@GraceandWisdom
@GraceandWisdom 4 жыл бұрын
I really would like to grasp these concepts, but it seems as though JavaScript is some sort of 'bottomless pit' of information that cannot be explained in a simplistic terminology. Thereby leaving a beginner unsure about what one learns.
@novanoskillz4151
@novanoskillz4151 3 жыл бұрын
this has to be the least beginner friendly tutorial on the subject. I feel like I have to be a brain surgeon to follow along.
@thomascarlton82
@thomascarlton82 3 жыл бұрын
Yeah this. is a terrible video. I thought the point of these types of videos was to teach to people that dont already understand it. Seems like a lot of programming videos are for people that already know the stuff and want to watch someone else do it too
@doublesushi5990
@doublesushi5990 2 жыл бұрын
@@thomascarlton82 indeed.
@curiousindividual634
@curiousindividual634 4 жыл бұрын
you haven't answered the main question: Why TF do we need "this" in the first place? It does absolutely nothing. Is it some sort of inside joke?
@thomascarlton82
@thomascarlton82 3 жыл бұрын
This video is funny, for people that don't know what this is. It's does nothing to help us but for those that understand it, they are saying its a great video. Lmao this is dumb
@ww4102
@ww4102 5 жыл бұрын
If you listen very carefully, the first 14 seconds explain a lot! " The value of 'this' when used in a function, is the object that owns the function"
@oufcena5092
@oufcena5092 5 жыл бұрын
The keyword this is just a place holder for the object it's been called upon so, this.prop = o.prop;
@abdelkrimeljaouhari2370
@abdelkrimeljaouhari2370 4 жыл бұрын
You have not simplified the issue ,but thank you for the video
@DomedIsDoomed
@DomedIsDoomed 2 жыл бұрын
Loving this video
@VanHaleNNoodle
@VanHaleNNoodle 3 жыл бұрын
When Beau says 'Created' about O (When talking about arrow functions around minute 7), does created mean when it is first called ? Intuatively, I would have thought, it was created in the O object.
@beccaarauz
@beccaarauz 6 жыл бұрын
for someone who's starting in JS this video was very fast, I find it a little hard to understand.
@heatherbeckman1767
@heatherbeckman1767 5 жыл бұрын
I've been studying JavaScript vigorously for the last 4 months, I don't know if it's necessarily the video that is making it confusing or the complexity of the subject matter itself. I've been reading resources and have watched several videos and still haven't quite grasped "this." I just noticed that your comment was from a year ago, so if you kept up with your JS journey you are probably more advance than me. Did you ever find a better resource for "this" or can you explain it better?
@oufcena5092
@oufcena5092 5 жыл бұрын
@@heatherbeckman1767 The keyword this is just a place holder for the object it's been called upon so, this.prop = o.prop;
@heatherbeckman1767
@heatherbeckman1767 5 жыл бұрын
@@oufcena5092 Thanks. This is actually quite helpful.
@mrsoccer9449
@mrsoccer9449 4 жыл бұрын
@@oufcena5092 Now that make sense
@rmb1831
@rmb1831 7 жыл бұрын
Complicated example. Must use easy to understand parameters.
@Azar211
@Azar211 3 жыл бұрын
Many thanks for this serious video about the subject far away from the "hello world" ones , one should be concentrated , stop and replay to get the best of the video , thank you again
@Drachensingsang
@Drachensingsang 7 жыл бұрын
I think this video misses structure as well as the point: Why? How "this" is interpreted depends on when it gets "resolved" so to speak. If you would have explained why it gets when resolved, one wouldnt need to store all this empty knowledge in his/her brain but rather would understand the underlying concept, which is less amout of data and way more powerful.
@freyjaaldebaran7275
@freyjaaldebaran7275 2 жыл бұрын
Lmao i thought i had understood but then i read the comments and obviously i didn´t understand
@c0mpuipf
@c0mpuipf 7 жыл бұрын
great stuff beau just a question - I read that if you have a method within an object and inside that object you've got 2 functions, the second function will lose the this context and will refer to the global object (the var that = this shtick)
@BeauCarnes
@BeauCarnes 7 жыл бұрын
You may be thinking of callbacks. I think that is what happens when one function calls another after it finishes.
@justinherrera6790
@justinherrera6790 5 жыл бұрын
too fast, too advance. your reference is mdn and I thought that this video will give me a best explanation but I was wrong
@core_dump
@core_dump 6 жыл бұрын
Great info! Understanding core JavaScript is so important... its more important than learning frameworks.
@nehagavali9416
@nehagavali9416 2 жыл бұрын
Which editior are you using
@nowyouknow2249
@nowyouknow2249 5 жыл бұрын
Bad way to teach. I had to stop the video halfway to avoid complications. Slow down and put the learner in mind next time.
@manas_singh
@manas_singh 6 жыл бұрын
Excellent explanation, I loved it
@markodjuric3905
@markodjuric3905 7 жыл бұрын
Thanks for this!
@skepticbubble3166
@skepticbubble3166 5 жыл бұрын
Very neat explanation for 8:47 video thanks!
@mdabutalha3165
@mdabutalha3165 5 жыл бұрын
short time best explanation.
@redouanemahjoubi1914
@redouanemahjoubi1914 6 жыл бұрын
what program are u using ?
@oufcena5092
@oufcena5092 5 жыл бұрын
Why not bother to the description?
@Beam28
@Beam28 7 жыл бұрын
Not the best explanation of "this". "You Don't Know JS" is where you need to read.
@jincypaul05
@jincypaul05 5 жыл бұрын
Can you share the link of "You Don't Know JS" ?
@justinherrera6790
@justinherrera6790 5 жыл бұрын
true
@sevakk.939
@sevakk.939 3 жыл бұрын
great, great, great
@namangupta1817
@namangupta1817 7 жыл бұрын
can anyone tell me why i am getting o.f() is undefined instead of value 8 ??
@BeauCarnes
@BeauCarnes 7 жыл бұрын
I'd have to see the rest of the code to know for sure. Maybe you could put it on codepen.io and share a link.
@namangupta1817
@namangupta1817 7 жыл бұрын
Thanks a lot for such a quick reply. Actually, i missed the f:f part in object declaration part .. that's why it was throwing an error that .. f is not a value associated with o . But now it has been resolved :D :D .. thanks a lot for this awesome series
@shankerm3959
@shankerm3959 6 жыл бұрын
Thank you, but you need to slow down much more. I kept getting lost and eventually stopped at the half-way point.
@gabrielsoloman5000
@gabrielsoloman5000 5 жыл бұрын
great lesson!
@threeone6012
@threeone6012 7 жыл бұрын
Great upload!
@christianrodier3381
@christianrodier3381 7 жыл бұрын
This is very helpful thanks
@hashtagtrends9886
@hashtagtrends9886 4 жыл бұрын
Thank you!
@TheLoniard
@TheLoniard 4 жыл бұрын
Eureca! Thank you for this movie. I have got it!
@perfectigbadumhe113
@perfectigbadumhe113 5 жыл бұрын
Didn't understand sheet
@AwB
@AwB 7 жыл бұрын
Great stuff
@KL4NNNN
@KL4NNNN 4 жыл бұрын
worst among the most incompetent people who tried to explain this.
@terrancekent7887
@terrancekent7887 6 жыл бұрын
Slow down & get a new mouse lol. But thanks for the help.
@inononeeee
@inononeeee Жыл бұрын
@Azim2562
@Azim2562 6 жыл бұрын
thanks
@stocktrade9655
@stocktrade9655 5 жыл бұрын
this tutorial is so confusing
@aalez1983
@aalez1983 3 жыл бұрын
those mouse clicks are so loud I had to stop 1 minute in the video because it's distracting from the subject
@irfansindhi5091
@irfansindhi5091 7 жыл бұрын
Just stop clicking
@Andrei-xb1pz
@Andrei-xb1pz 4 жыл бұрын
Yes it was fast, but there is a pause button for that. Thanks for explaining THIS in its various contexts. It's not the definite guidebook, but it was very helpful to me!!!
@AgrabATC
@AgrabATC 4 жыл бұрын
Worse explanation ever! It confused me more.
@Doda100creative
@Doda100creative 6 жыл бұрын
This video could save a whole day wasted in 8 minutes
@awekeningbro1207
@awekeningbro1207 4 жыл бұрын
This was confusing.
@ZooDinghy
@ZooDinghy 3 жыл бұрын
JavaScript is disgusting. Utterly disgusting!
@gustavokuthumy404
@gustavokuthumy404 2 жыл бұрын
My head spinned the 1st time I watched, but I could I understand it in the 2nd run. Thanks!
@ShoSidney
@ShoSidney 4 жыл бұрын
most confusing tutorial...
@josemaribautista7552
@josemaribautista7552 4 жыл бұрын
thanks but i hate it
JavaScript this Keyword Explained Simply
11:42
DevSage
Рет қаралды 15 М.
20 String Methods in 7 Minutes - Beau teaches JavaScript
7:00
freeCodeCamp.org
Рет қаралды 134 М.
小路飞和小丑也太帅了#家庭#搞笑 #funny #小丑 #cosplay
00:13
家庭搞笑日记
Рет қаралды 8 МЛН
黑天使只对C罗有感觉#short #angel #clown
00:39
Super Beauty team
Рет қаралды 14 МЛН
Objects, part 2: Beau teaches JavaScript
4:22
freeCodeCamp.org
Рет қаралды 17 М.
5 Signs of an Inexperienced Self-Taught Developer (and how to fix)
8:40
Reference Vs Value In JavaScript
15:12
Web Dev Simplified
Рет қаралды 185 М.
What is THIS keyword in JavaScript? - Tutorial for beginners
26:40
Inheritance in JavaScript - Prototypal Inheritance tutorial
20:06
JavaScript Map and Set Explained
15:16
JavaScript Mastery
Рет қаралды 121 М.
小路飞和小丑也太帅了#家庭#搞笑 #funny #小丑 #cosplay
00:13
家庭搞笑日记
Рет қаралды 8 МЛН