Scribd
Upload
8 views

Why and What of Functions and Function Declaration

This document provides an overview of functions in JavaScript, explaining their importance in organizing and structuring code. It covers the advantages of using functions, the syntax for function declarations, and the concepts of parameters, arguments, and return statements. The document emphasizes that functions are first-class citizens in JavaScript, allowing for code reusability and improved readability.

Uploaded by

ramp68201
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
8 views

Why and What of Functions and Function Declaration

This document provides an overview of functions in JavaScript, explaining their importance in organizing and structuring code. It covers the advantages of using functions, the syntax for function declarations, and the concepts of parameters, arguments, and return statements. The document emphasizes that functions are first-class citizens in JavaScript, allowing for code reusability and improved readability.

Uploaded by

ramp68201
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/ 13

Why and What

of Functions
and Function
Declaration
Lecture CheckList
1. Introduction to functions.
2. In Javascript, Functions are first-class citizens.
3. Advantages of using functions.
4. When should you consider using Functions?
5. Introduction to the function declaration.
6. The basic syntax for function declaration.
7. Calling a function.
8. Parameters, Arguments & Return statement.
Introduction to functions.
The concept of functions came into existence to support the way we organize and
structure code. A function is a block of code that performs a specific task and can
be reused throughout the program.

This allows us to write more efficient and modular code, as well as the ability to
easily update or change the behavior of the program by modifying the functions.
Additionally, by using functions we can make the code more readable and easier
to understand.

Some functions will be in-built in javascript which can be directly used and some
must be user-defined functions. We will be looking into them in further lectures.
In Javascript, Functions are first-class
citizens.
Functions in JavaScript are first-class citizens, meaning they can be assigned to
variables, passed as arguments to other functions, and returned from functions.
Advantages of using functions.
1. Functions allow us to define a block of code once and reuse it multiple times
throughout your program. So we need not to repeat the same lines of code
every time.

2. While solving a problem we split them into subproblems so we could solve


smaller problems to achieve the final result. Here functions can be used to
break down complex problems into smaller, more manageable tasks.

3. Functions can make code more readable by giving it a clear structure and
making it easy to understand what the code is doing.

4. Functions are tested separately before actual implementation. Because


functions can be tested and debugged independently of the rest of the code, it
can make it easier to identify and fix bugs.

5. Functions are the optimal way to manage the space which leads to higher
performance of the program.
When should you consider using
Functions?
Functions should be used in a number of situations to take advantage of these
benefits.
One of the main use cases for functions is when you need to perform a specific
task multiple times throughout your code. By defining that task in a function, you
can call it whenever you need to perform that task, rather than duplicating the
code.

Functions can also be used to organize your code into logical units, making it
easier to understand and maintain.

Functions can also be used to improve the readability and maintainability of your
code by giving it a clear structure and making it easy to understand what the
code is doing.

Functions can be used to handle asynchronous operations like making an HTTP


request, a timer, or an event listener which we will be looking in further sections.
Introduction to the function declaration.
A function declaration is a way to define a function and give it a name.

In JavaScript, functions must be declared before they can be used because of the
way the JavaScript engine processes code.

When a function is declared, the JavaScript engine reserves a spot in memory for
it and assigns the function's name to that memory location, so that it can be
called later on.

If a function is called before it is declared, the JavaScript engine will not be able
to find the function and will throw a reference error. So that is why it is important
to declare a function before calling/using it.

Functions on declaration can be called multiple times with different inputs,


without having to rewrite the same code over and over again.
The basic syntax for a function
declaration is:
The function declaration in javascript has the following parts:

● The function keyword is used to declare a function.

● In JavaScript, a function's name is used to identify and call the function.

● The function body is the block of code that is executed when the function is
called.
Calling a Function.
Calling a function in JavaScript is very simple. Calling a function simply means
executing a block of code that has been declared previously.

The most common way of calling a function is by using the function name
followed by parentheses ().
Parameters, Argument & Return
Statement.
A parameter is a variable that is declared within the parentheses of the function
declaration. It serves as a placeholder or a reference for the input value that will
be passed to the function when it is called.

Parameters are dummy names we pass/give a function when we are declaring a


function.
Parameters, Argument & Return
Statement.
When the function is called, the values are passed as arguments. These are
assigned to the corresponding parameters. Arguments are the actual values that
are passed to the function when it is called.

The number of arguments must always be equal to the number of parameters,


else would raise an error.
Parameters, Argument & Return
Statement.
The return statement is used to output a value from a function. The return
statement terminates the execution of the function. It also specifies the value that
should be returned to the calling code. The value returned by the function can be
assigned to a variable or used in an expression.

Any statements that are written after the return statement are not executed.
THANK YOU

You might also like