Scribd
Upload
11 views

Js Functions

Functions are blocks of code that perform tasks and can take in parameters and return outputs. There are two ways to define functions: function declarations and function expressions. Function declarations use the function keyword followed by the name and parameters in parentheses. Function expressions assign an anonymous function to a variable. Calling a function executes the code block. Functions can have default parameter values and rest parameters to simplify function calls. Arrow functions provide a concise syntax as an alternative to traditional function expressions.

Uploaded by

Cabdi Casiis
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
11 views

Js Functions

Functions are blocks of code that perform tasks and can take in parameters and return outputs. There are two ways to define functions: function declarations and function expressions. Function declarations use the function keyword followed by the name and parameters in parentheses. Function expressions assign an anonymous function to a variable. Calling a function executes the code block. Functions can have default parameter values and rest parameters to simplify function calls. Arrow functions provide a concise syntax as an alternative to traditional function expressions.

Uploaded by

Cabdi Casiis
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

Js functions

ABADIR HASSAN
Functions

 Functions are one of the fundamental building blocks in JavaScript. A function in


JavaScript is similar to a procedure—a set of statements that performs a task or calculates
a value, but for a procedure to qualify as a function, it should take some input and return
an output where there is some obvious relationship between the input and the output. To
use a function, you must define it somewhere in the scope from which you wish to call it.
Defining functions

 Function declarations
 A function definition (also called a function declaration, or function statement) consists
of the function keyword, followed by:

 The name of the function.


 A list of parameters to the function, enclosed in parentheses and separated by commas.
 The JavaScript statements that define the function, enclosed in curly brackets, { /* …
*/ }.
function square(number) {
return number * number;
}
The function square takes one parameter, called number. The function consists of one
statement that says to return the parameter of the function (that is, number) multiplied by
itself. The statement return specifies the value returned by the function:
Function expressions

 While the function declaration above is syntactically a statement, functions can also be
created by a function expression.

 Such a function can be anonymous; it does not have to have a name. For example, the
function square could have been defined as:
const square = function (number) {
return number * number;
};
const x = square(4)
Calling functions

 Defining a function does not execute it. Defining it names the function and specifies
what to do when the function is called.

 Calling the function actually performs the specified actions with the indicated
parameters. For example, if you define the function square, you could call it as follows:
square(5);
function square(n) {
return n * n;
}

console.log(square(5));
Function parameters

 There are two special kinds of parameter syntax: default parameters and rest parameters.
 Default parameters
 In JavaScript, parameters of functions default to undefined. However, in some situations it might
be useful to set a different default value. This is exactly what default parameters do.

 In the past, the general strategy for setting defaults was to test parameter values in the body of the
function and assign a value if they are undefined.

 In the following example, if no value is provided for b, its value would be undefined when
evaluating a*b, and a call to multiply would normally have returned NaN. However, this is
prevented by the second line in this example:
function multiply(a, b) {
b = typeof b !== "undefined" ? b : 1;
return a * b;
}

multiply(5);
Arrow functions

 An arrow function expression (also called a fat arrow to distinguish from a hypothetical -
> syntax in future JavaScript) has a shorter syntax compared to function expressions and
does not have its own this, arguments, super, or new.target. Arrow functions are always
anonymous.
 let myFunction = (a, b) => a * b;

You might also like