Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Understand JavaScript's this Keyword in Depth

via egghead.io

Overview

JavaScript’s this keyword is a source of confusion for new and experienced developers alike. It can be frustrating if, for some reason, this doesn’t point to the context that was intended.
This course will help you understand JavaScript’s this mechanism in-depth. Marius will take us through all of the ways this will change its values, from why many libraries use "use strict" to how arrow functions take its outer execution context’s this.
Over 8 lessons, you’ll learn:
how JavaScript implicitly sets the this context, and how we can set it ourselves
that the call-site of a function determines the this value of that function invocation
how to call a function with a specific this value
how to create functions that always remain tied to a specific this context
how this is treated within arrow functions and classes
Following the course, this will feel less frustrating, more intuitive, and far more useful in your day-to-day.

Syllabus

  • this in the Global Context
  • this in Function Calls
  • this in Constructor Calls
  • this in Method Calls
  • Specify this using .call() or .apply()
  • Hard-Bind a Function's this Value with the .bind() Method
  • Capture this with an Arrow Function
  • this in Class Bodies

Taught by

Marius Schulz

Reviews

4.6 rating at egghead.io based on 601 ratings

Start your review of Understand JavaScript's this Keyword in Depth

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.