25 Things JavaScript Developers Should Know, but Probably Don't - What is THIS keyword in JavaScript? - Tutorial for beginners

The JavaScript Tool I'm using to demonstrate: https://runjs.app/ColorCode ColorCode Etsy Merchandise store: https://www.etsy.com/shop/ColorCodeStore What is the THIS keyword in JavaScript? How does it work and why is it so confusing? The THIS keyword, from the series "10 Things JS Developers Should Know" by ColorCode.io, Sina Jazayeri Full playlist here: https://www.youtube.com/playlist?list=PL1PqvM2UQiMoGNTaxFMSK2cih633lpFKP This is episode 6 in a 10 part series I’m calling 10 things javascript developers should know but probably don’t. In this series, we’re going to cover some of the most fundamental and important parts of JavaScript that most of us don’t actually know, and barely touch. Today, for episode 6, we’re talking about the THIS keyword, how context and execution logic changes the value of the this keyword, and how arrow functions affect the value? Episode 6: The THIS keyword. Let’s go! All the code from this series is available here: https://github.com/ColorCode/js-10-things 0:00:00 Intro 0:00:53 THIS in Global scope 0:01:40 THIS inside functions (methods) 0:06:25 Function.bind 0:10:03 Function.call 0:16:10 Function.apply 0:16:42 THIS inside Constructor functions 0:20:00 THIS inside callback functions 0:23:40 THIS inside arrow functions 0:24:26 Conclusion