Arrow Functions in JavaScript / ES6

What are Arrow Functions in JavaScript / ECMAScript 6?

Arrow functions are a simplified short hand method for creating anonymous functions.

Older ES5 JavaScript example:

function setup() {
    createCanvas(600, 400);
    background(0);
    let button = createButton('press')
    button.mousePressed(changeBackground);

    function changeBackground() {
        background(random(255));
    }
}

New ES6 JavaScript Example

function setup() {
    createCanvas(600, 400);
    background(0);
    let button = createButton('press')
    button.mousePressed(() => background(255)));
}

Anonymous Function written as Arrow Function:

() => background(255))

Video: ES6 Arrow Function

Author: Rick Cable / AKA Cyber Abyss

A 16 year US Navy Veteran with 25+ years experience in various IT Roles in the US Navy, Startups and Healthcare. Founder of FinditClassifieds.com in 1997 to present and co-founder of Sports Card Collector Software startup, LK2 Software 1999-2002. For last 7 years working as a full-stack developer supporting multiple agile teams and products in a large healthcare organization. Part-time Cyber Researcher, Aspiring Hacker, Lock Picker and OSINT enthusiast.