bugl
bugl
HomeLearnPatternsPathsSearch
HomeLearnPatternsPathsSearch

Loading lesson path

Learn/JavaScript/JavaScript Foundations
JavaScript•JavaScript Foundations

JavaScript Functions

Flash cards

Review the key moves

1/3
Core idea

What is the main idea behind JavaScript Functions?

Lesson checks

Practice each idea before moving on

Short Mimo-style checks built from this lesson's code, terms, and sequence.

1Quick choice

Which statement best captures the main point of this lesson?

2Order

Put the learning moves in the order that makes the concept easiest to apply.

- First the idea - Then how to make them - Then how to use them
Advanced Functions Study Path
Functions Study Path

Functions Study Path

Learn Functions in the Right Order

  • First the idea
  • Then how to make them
  • Then how to use them

Step 1 Beginner

  • Functions are reusable code blocks designed for particular tasks
  • Functions are executed when they are called or invoked
  • Functions are fundamental in all programming languages

Step 2 Beginner

  • Functions are executed when they are called or invoked
  • You call a function by adding parentheses to its name: name()

Step 3 Beginner

  • Parameters allow you to send values to a function
  • Parameters are listed in parentheses in the function definition

Step 4 Beginner

  • A function can return a value back to the code that called it
  • The return statement is used to return a value from a function

Step 5 Intermediate

  • Function parameters and arguments are distinct concepts
  • Parameters are the names listed in the function definition
  • Arguments are the values received by the function

Step 6 Intermediate

  • A function expression is a function stored in a variable
  • The variable name can be used to call the function

Step 7 Intermediate

  • Arrow Functions is a short syntax for function expressions
  • You can skip the function keyword
  • You can skip the return keyword
  • You can skip the curly brackets

Step 8 Intermediate

  • Test your knowledge of JavaScript functions
  • The quiz uses the examples you learned in the tutorial

Advanced Functions Study Path

Step 1 Advanced

  • Function declarations
  • Function Expression
  • Arrow Functions
  • Function Constructors

Step 2 Advanced

A JavaScript callback is a function passed as an argument to another function, which is then executed (or "called back") at a later point in time to complete a specific task.

Step 3 Advanced

How this works (especially inside objects).

How this is decided by how it is called.

Step 4 Advanced

Call a function with a chosen this .

Pass a list of arguments.

Step 5 Advanced

Call a function with a chosen this .

Pass an array of arguments.

Step 6 Advanced

Call a function with a chosen this .

Use bind() when you need a function to run later with the same this .

Step 7 Advanced

Self-starting functions.

Step 8 Advanced

Functions that remember their scope

Learn how functions can remember variables after the outer function finishes.

Step 9 Advanced

Function Object Methods & Properties.

Previous

JavaScript Loops

Next

JavaScript Scope