What does this Javascript line do

Question

I´m new to javascript and React and wonder simple question what does this line of code do?

I have search about the () and => but dont understand

'export const increment = () => ({ type: "INC" });'

I know the increment variable here will holde the type: "INC" as an array I think but what about the = () =>

Exports a function called increment, that returns the object. Import it, and call increment() to see the value — scniro, Jul 07 '19 at 16:29
Welcome. Please add a brief description of your search/research efforts as is suggested on [ask]. — Rubén, Jul 07 '19 at 16:29
@scniro Why is it a function? The word "function" is not used? — jurge bent, Jul 07 '19 at 16:31
makes a function called `increment` which returns the object `{type: "INC"}` — hanshenrik, Jul 07 '19 at 16:32
@jurgebent () => is called an arrow function. It's short hand for function() { }. — Muhammad Kamran, Jul 07 '19 at 16:32

score 0 · Accepted Answer · answered Jul 07 '19 at 16:33

0

This is an arrow function. Arrow functions were introduced in ECMAScript 6 and support is relatively recent.

This statement, for example:

export const increment = () => ({ type: "INC" });

exports a function named increment. The function takes no arguments, and returns this JavaScript object literal:

{
    type: "INC"
}

The same statement would be written as follows prior to ES 6:

exports.increment = function () {
    return {
        type: "INC"
    }
}

answered Jul 07 '19 at 16:33

Maxime Launois

So whenever I see '() =>' I can (in my mind) replace it with 'function ()'. Ok yea that is a function nice shortcut – jurge bent Jul 07 '19 at 16:35
see there was already a good question about this thanks – jurge bent Jul 07 '19 at 16:48

1 Answers1