The "this" Keyword - Javascript In Depth

We take a look at how the "this" keyword works in Javascript together. "this" allows us to refer dynamically to different Objects depending on how the associated function or method is being called.

We then look at how Javascript interprets the context behind "this" within methods and Objects. We also look at the call, apply and bind methods on Functions and how they allow us to manipulate what the "this" value is.

We wrap up the video by looking at the "new" keyword and how it interacts with the "this" keyword in Functions. This sets us up really nicely to look at the new Class syntax in Javascript and what is happening behind the scenes.

Note that this is an advanced topic and will take a lot of practice and trying different things over time to really cement. We'll go through some practice exercises together on the "this" keyword in the next video in the series.

This is part of a series where we go over Javascript in depth to learn programming concepts as well as web development:    • Javascript In Depth  

Chapters:
00:00 Introduction
01:17 Main Ideas Ideas for "this"
02:33 A Regular Function with Objects
04:42 Duplicating Methods in Objects
08:20 Prototype Methods and "this"
12:09 Prototype with "this" Code Example
17:57 Introduction to "this" Context
21:30 "this" Context Code Example
26:10 Nested Object "this" Context
32:53 The "call" Function Method
38:18 "call" Function Method Code Example
43:08 The "apply" Function Method
43:58 "apply" Function Method Code Example
47:47 The "bind" Function Method
49:19 "bind" Function Method Code Example
53:15 The "new" keyword with Functions
56:06 "new" keyword Code Example
1:01:51 Next Steps

📦 Github Repository with the notes and exercise code+solutions: https://github.com/Nooder/javascript-...
💬 Come join us on Discord to chat with a like-minded community about tech and learning:   / discord  
🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon:   / techwithnader