Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS DSA TYPESCRIPT ANGULAR ANGULARJS GIT POSTGRESQL MONGODB ASP AI R GO KOTLIN SWIFT SASS VUE GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE INTRO TO PROGRAMMING INTRO TO HTML & CSS BASH RUST

Basic JavaScript

JS Tutorial JS Syntax JS Variables JS Operators JS If Conditions JS Loops JS Strings JS Numbers JS Functions JS Objects JS Scope JS Dates JS Arrays JS Sets JS Maps JS Iterations JS Math JS RegExp JS Data Types JS Errors JS Conventions JS References

JS Versions

JS Versions

JS HTML DOM

JS HTML DOM

JS Events

JS Events

JS Projects

JS Projects

JS Advanced

JS Functions JS Objects JS Classes JS Asynchronous JS Modules JS Meta & Proxy JS Typed Arrays JS DOM Navigation JS Windows JS Web APIs JS AJAX JS JSON JS jQuery JS Graphics JS Examples JS Reference


JavaScript Function Learning Path

Functions Learning Path

Learn functions in the right order:

  • First the idea
  • Then how to write them
  • Then how they behave

Functions Learning Path

Learn functions in this order:


Step 1

What is a Function?

Function are resusable code blocks.

Why use functions?

Beginner


Step 2

Calling (Invoking) Functions

How to run a function and how to use it.

Beginner


Step 3

Parameters and Arguments

How to send values into a function.

Beginner


Step 4

Function Return Values

How a function sends a value back.

Beginner



Function Expressions

A function expression is stored in a variable.

Intermediate


Arrow Functions

A shorter function syntax, with some important differences.

Intermediate


IIFE (Advanced)

Functions that run immediately (mostly historical, still useful sometimes).

Intermediate


Function Quiz

Test your knowledge of JavaScript functions.

Intermediate


Advanced Functions Learning Path




Step 1

The this Keyword

How this works (especially inside objects).

How this is decided by how it is called.

Advanced


Step 2

call(): Set this and pass arguments

Call a function with a chosen this value.

Advanced


Step 3

apply(): Like call(), but arguments as an array

Use apply() when you already have an array of values.

Advanced



Step 4

bind(): Create a new function with fixed this

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

Advanced

Step 5

Closures: Functions Remember Their Scope

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

Advanced


Step 6

Function References and Callbacks

Pass functions as values and avoid common callback mistakes.

Advanced




×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookies and privacy policy.

Copyright 1999-2026 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.

-->