JavaScript Functions

Presentation

•

Other

•

12th Grade

•

Hard

Lioubov Rogalskaia

Used 2+ times

FREE Resource

6 Slides • 0 Questions

JavaScript Functions

by Lioubov Rogalskaia

JavaScript Functions

A JavaScript function is a block of code designed to perform a particular task.

A JavaScript function is executed when "something" invokes it (calls it).

Example

function myFunction(p1, p2) {

return p1 * p2;

// The function returns the product of p1 and p2}

}

JavaScript Function Syntax

A JavaScript function is defined with the function keyword, followed by a name, followed by parentheses ().

Function names can contain letters, digits, underscores, and dollar signs (same rules as variables).

The parentheses may include parameter names separated by commas: (parameter1, parameter2, ...)

The code to be executed, by the function, is placed inside curly brackets: {}

function name(parameter1, parameter2, parameter3) { // code to be executed}

Function parameters are listed inside the parentheses () in the function definition.

Function arguments are the values received by the function when it is invoked.

Inside the function, the arguments (the parameters) behave as local variables.

Function Invocation

The code inside the function will execute when "something" invokes (calls) the function:

When an event occurs (when a user clicks a button)
When it is invoked (called) from JavaScript code
Automatically (self invoked)

Return keyword

Function Return

When JavaScript reaches a return statement, the function will stop executing.

If the function was invoked from a statement, JavaScript will "return" to execute the code after the invoking statement.

Functions often compute a return value. The return value is "returned" back to the "caller":

Example

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Functions</h2>

<p>This example calls a function which performs a calculation and returns the result:</p>

var x = myFunction(4, 3);

document.getElementById("demo").innerHTML = x;

function myFunction(a, b) {

return a * b;

}

</script>

</body>

</html>

JavaScript Functions

by Lioubov Rogalskaia

Show answer

Auto Play

Slide 1 / 6

SLIDE

Similar Resources on Wayground

6 questions

Protein

Lesson

•

12th Grade

4 questions

Giovanni Pascoli

Lesson

•

12th Grade

9 questions

General solution

Lesson

•

12th Grade

9 questions

etimologías EBAU Murcia 24-25 (1)

Lesson

•

12th Grade

7 questions

Piaget's Stages - Sensorimotor, Preop., & Concrete Op.

Lesson

•

12th Grade

7 questions

TOEFL Listening Page 356/357 Biology

Lesson

•

12th Grade

6 questions

minecraft

Lesson

•

University

6 questions

pijar 3

Lesson

•

11th Grade

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

10 questions

Probability Practice

Quiz

•

4th Grade

15 questions

Probability on Number LIne

Quiz

•

4th Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

6 questions

Appropriate Chromebook Usage

Lesson

•

7th Grade

10 questions

Greek Bases tele and phon

Quiz

•

6th - 8th Grade

Discover more resources for Other

15 questions

Making Inferences

Quiz

•

7th - 12th Grade

23 questions

TSI Math Vocabulary

Quiz

•

10th - 12th Grade

20 questions

-AR -ER -IR present tense

Quiz

•

10th - 12th Grade

20 questions

SSS/SAS

Quiz

•

9th - 12th Grade

20 questions

Predicting Products

Quiz

•

9th - 12th Grade

20 questions

Presidents Day challenge

Quiz

•

9th - 12th Grade

20 questions

Food Chains and Food Webs

Quiz

•

7th - 12th Grade

20 questions

Banking

Quiz

•

9th - 12th Grade

JavaScript Functions

JavaScript Functions

​

Example

​​JavaScript Function Syntax

​Function Invocation

​Return keyword

Example​

JavaScript Functions

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Other

JavaScript Function Syntax

Function Invocation

Return keyword

Example