Scribd
Upload
5 views

2_javascript_functions_451d74321f

This document provides an overview of JavaScript functions, including how to declare, call, and use parameters in functions. It also introduces arrow functions, default parameter values, and the concept of functions as first-class citizens, which can be assigned to variables and passed as arguments. Additionally, it includes assignments for practical application of the concepts discussed.

Uploaded by

Lokesh Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

2_javascript_functions_451d74321f

This document provides an overview of JavaScript functions, including how to declare, call, and use parameters in functions. It also introduces arrow functions, default parameter values, and the concept of functions as first-class citizens, which can be assigned to variables and passed as arguments. Additionally, it includes assignments for practical application of the concepts discussed.

Uploaded by

Lokesh Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

1.

2 Javascript Functions

A function is a block of code that performs a specific task. Dividing a complex


problem into smaller chunks makes your program easy to understand and
reusable.

Declaring a Function
The syntax to declare a function is:

function nameOfFunction () {
// function body
}

A function is declared using the function keyword.

Calling a Function

function nameOfFunction () {
// function body
}

nameOfFunction(); //calling the function

Function Parameters

// program to print the text


// declaring a function
function greet(name) {
console.log("Hello " + name + ":)");
}

function add(a, b) {
console.log(a + b);
}

Function Return

1.2 Javascript Functions 1


The return statement can be used to return the value to a function call.
The return statement denotes that the function has ended. Any code
after return is not executed.
If nothing is returned, the function returns an undefined value.

Arrow Functions
The arrow function is one of the features introduced in the ES6 version of
JavaScript. It allows you to create functions in a cleaner way compared to
regular functions. For example,This function

// function expression
let multiply = function(x, y) {
return x * y;
}

can be written as

// using arrow functions


let multiply = (x, y) => x * y;

using an arrow function.

let sum = (a, b) => {


let result = a + b;
return result;
}

let result1 = sum(5,7);

Default Parameter Values

In the ES6 version, you can pass default values in the function parameters.
For example,

function sum(x, y = 5) {

// take sum
// the value of y is 5 if not passed
console.log(x + y);

1.2 Javascript Functions 2


}

sum(5); // 10
sum(5, 15); // 20

In the above example, if you don't pass the parameter for y , it will take 5 by
default.

First-class citizens

Functions are treated as first-class citizens, meaning they can:

Be assigned to variables.

Be passed as arguments.

Be returned from other functions.

Functions that take other functions as arguments or return functions as


results are called Higher-order functions

const greet = name => `Hello, ${name}`;


const logGreeting = (greetingFunction, name) => {
console.log(greetingFunction(name));
};
logGreeting(greet, "Alice"); // Hello, Alice

const applyOperation = (a, b, operation) => operation(a, b

const add = (x, y) => x + y;


const multiply = (x, y) => x * y;

console.log(applyOperation(3, 5, add)); // 8
console.log(applyOperation(3, 5, multiply)); // 15

1.2 Javascript Functions 3


Assignments
1. Create a function that takes multiple functions as argument to build a
calculator

2. Create a method to take the average of three numbers, and then convert it
to an arrow function.

1.2 Javascript Functions 4

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy