[Reminder-2] Arrow Function

#javascript #vue

I am assuming you are using "use strict"

Arrow function syntax is () => {}
If you have one parameter you can delete parantheses.
If you are doing one action, you can delete the curly braces. () => console.log("hi")
It has an implicit return
It create a new Scope as Normal function (watch my last reminder if you want more).
It doesn't bind context like classic function. That means 'this' will never be bind and will be undefined or window.
It cannot act as a constructor like normal function

source: es5 to esnext

Top comments (0)

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

How To Use Generics for Dynamic Type Inference in TypeScript

Chris - Mar 21

Reusable component store for pagination using generics

Pierre Bouillon - Mar 20

How to Create Smart Contracts with Web3

Ancel Almeida - Mar 22

Formularios dinámicos con React Hook Form. 📝

Franklin Martinez - Mar 10

DEV Community