Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lära ES6 Arrow Functions | Getting Started: ES6
Introduction to React

bookES6 Arrow Functions

Arrow functions are a new addition to JavaScript that let us create inline functions without using the function and return keywords. They are simply a shorter syntax version of the normal JavaScript functions. JavaScript function:


              
1234

            
let myFunc = function () {
    return 1 + 6;
}
console.log(myFunc());
copy

ES6 function:

let myFunc = () => {
    return 1 + 6;
}

If the function has only one statement and returns a value, then we can remove the braces and the return keyword, hence the resultant code will be:

let myFunc = () => 1 + 6;

We can also pass arguments in the ES6 inline functions, using the syntax:


              
12

            
let myFunc = (a, b) => a + b
console.log(myFunc(5, 4));
copy

Task

Create an inline function named threeProduct that takes in three numbers / arguments namely a, b, c, and returns the product of those numbers. Call the function inside a console.log function and pass 1, 2 and 9 as arguments.

question-icon

Fill in the gaps.

let threeProduct = ;
console.log(threeProduct);
18

Click or drag`n`drop items and fill in the blanks

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 4

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

Ställ mig frågor om detta ämne

Sammanfatta detta kapitel

Visa verkliga exempel

Awesome!

Completion rate improved to 2.7

bookES6 Arrow Functions

Svep för att visa menyn

Arrow functions are a new addition to JavaScript that let us create inline functions without using the function and return keywords. They are simply a shorter syntax version of the normal JavaScript functions. JavaScript function:


              
1234

            
let myFunc = function () {
    return 1 + 6;
}
console.log(myFunc());
copy

ES6 function:

let myFunc = () => {
    return 1 + 6;
}

If the function has only one statement and returns a value, then we can remove the braces and the return keyword, hence the resultant code will be:

let myFunc = () => 1 + 6;

We can also pass arguments in the ES6 inline functions, using the syntax:


              
12

            
let myFunc = (a, b) => a + b
console.log(myFunc(5, 4));
copy

Task

Create an inline function named threeProduct that takes in three numbers / arguments namely a, b, c, and returns the product of those numbers. Call the function inside a console.log function and pass 1, 2 and 9 as arguments.

question-icon

Fill in the gaps.

let threeProduct = ;
console.log(threeProduct);
18

Click or drag`n`drop items and fill in the blanks

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 4
some-alt