In this tutorial we’ll explain how the JavaScript this keyword obtains it’s value, how you can recognise what the value of this will be and how you can preserve it’s value within your code. JavaScript this explained.

JavaScript this explained
—————————————-
00:00 Introduction
00:31 Global Execution Context
00:46 Function Execution Context
01:46 Objects Execution Context
02:41 Arrow functions (lexical this)
03:26 Preserving this
05:13 Constructor functions

— Follow Me —
Twitter: https://www.twitter.com/codebubb
Facebook: https://www.facebook.com/juniordevelopercentral/
Blog: https://www.juniordevelopercentral.com/
— Thanks! —

One thing that can confuse new and existing JavaScript developers alike is the this keyword in JavaScript.

In this JavaScript tutorial we’ll take a look at the this keyword and how it obtains it’s value at different points within your JavaScript code. These points are known as execution contexts and depending on where you use the JavaScript this keyword you will be working in a different execution context.

We’ll also look at how you can preserve the value of this within your JS code using some older techniques and also using ES6 arrow functions. JavaScript this arrow functions has a different approach to handling the this keyword as you will see in the tutorial. Channel Handle @codebubb

Please take the opportunity to connect and share this video with your friends and family if you find it useful.