JavaScript Arrow Functions
Introduction
Arrow functions are a concise way of writing anonymous, lexically scoped functions in ECMAScript 2015 (ES6).
Syntax
-
x => y // Implicit return
-
x => { return y } // Explicit return
-
(x, y, z) => { ... } // Multiple arguments
-
async () => { ... } // Async arrow functions
-
(() => { ... })() // Immediately-invoked function expression
-
const myFunc = x
=> x*2 // A line break before the arrow will throw a 'Unexpected token' error
-
const myFunc = x =>
x*2 // A line break after the arrow is a valid syntax
Remarks
For more information on functions in JavaScript, please view the Functions documentation.
Arrow functions are part of the ECMAScript 6 specification, so browser support may be limited. The following table shows the earliest browser versions that support arrow functions.
| Chrome | Edge | Firefox | Internet Explorer | Opera | Opera Mini | Safari |
|---|---|---|---|---|---|---|
| 45 | 12 | 22 | Currently unavailable | 32 | Currently unavailable | 10 |
