Mastering the Arrow Functions | Syntax, Lexical `this`, Callbacks & IIFE | JavaScript Basics
This video covers arrow functions in JavaScript, a feature introduced in ES6 that simplifies the syntax for writing functions. It starts by discussing what arrow functions are, their syntax, and differences from regular functions. It also covers the various ways in which arrow functions can be used, such as in callback functions, method definitions, and immediately invoked function expressions (IIFEs).
The tutorial then delves into the advantages of using arrow functions, including their concise syntax, implicit returns, and lexical scoping. Limitations are also discussed, such as their lack of the 'this' keyword and the inability to be used as constructors. Throughout the tutorial, examples are provided to illustrate concepts, and arrow functions are compared and contrasted with traditional functions.
By the end of the video, viewers will have a solid understanding of arrow functions and their various uses, as well as the pros and cons of using them in code. The tutorial is suitable for beginners and experienced developers alike.
Intro to Functions: • Introduction to *Functions* | JavaScript B...
Function Expressions with Anonymous functions, IIFE & Hoisting: • *Function Expressions* with Anonymous func...
Analysing JavaScript: • Analysing JavaScript
Content:
0:00 - Intro
0:23 - What are Arrow Functions?
0:42 - Concise Syntax
1:16 - Implicit Return
1:42 - Parameters - Single
1:51 - Parameters - None or Multiple
1:58 - Parameters - Destructured or Rest
2:06 - Lexical `this`
2:12 - Lexical `this` - Regular Function
2:31 - Lexical `this` - Arrow Function
3:20 - `new` keyword with Arrow Function
3:34 - `new` with Arrow function -`this` Binding
3:59 - `new` with Arrow function - Missing Constructor Function
4:29 - Constructor Function Example
4:39 - `new` keyword with Arrow Function - Error
4:53 - Usages
5:31 - Summary
Tools being used:
Code editor: VS Code ( https://code.visualstudio.com/ )
Manage version control: GIT (https://git-scm.com/downloads )
GUI for GIT: Sourcetree ( https://www.sourcetreeapp.com/ )
Design: Pencil Project ( https://pencil.evolus.vn/ )
Repository: GitHub( https://github.com/DecodeWebWithRohan... )
Graphic Design: Canva ( https://www.canva.com/ )
Recording: OBS Studio ( https://obsproject.com )
Video Editor: DaVinci Resolve ( https://www.blackmagicdesign.com/prod... )
Link to the code repositories:
https://github.com/DecodeWebWithRohan...
Please consider supporting the channel:
https://paypal.me/DecodeWebWithRohan
Follow me on twitter or facebook:
/ decodewebwrohan
/ decodewebwithrohan
#javascript #function #javascriptforbeginners #javascripttutorial #javascriptfunctions #learnjavascript #javascriptfundamentals #javascriptbasics #javascriptfunctionexpressions