Skip to main content
HashnodeThis week I learnt...

Command Palette

Search for a command to run...

Why use functions?

Published
•3 min read
N
Nic

Front End Developer. I like problem solving and making things pretty. I also like red.

You could write your whole JavaScript script in one long thing. The advantage of is that you read it from top to bottom. And if you only have a few lines of code, that isn't going to be a problem. But if you have 400 lines of code, then it gets tricky (as I found out the hard way).

There are two main reasons to use functions in JavaScript (and probably other languages too, but JS is the one I'm familiar with).

1. So you don't repeat yourself

You may have come across the DRY, for don't repeat yourself. If you find you need to write the same block of code twice, it would be better to put it in a function. That way you've only written it once.

You might say "I'm not writing it twice, I'm copying and pasting it", but that's just semantics. Also, if you change something in that code, you have to remember to change it in both places. Maybe it's something you can easily find and replace, but maybe it's not.

It's all about cutting down the amount of work you have to do. And the number of places you might have errors.

2. To make it readable

Let's say your script has 400 lines of code. You don't look at it for a year, but when you come back you have to make a change. Good luck finding it! You might have to read through all the lines and figure out what they're doing. Maybe you've written good comments explaining what each bit does. But you could have replaced some of those comments with functions.

If you're reading through your code and you have this:

getHighScore();
displayHighScore();
playGame();
calculateHighScore();
setNewHighScore();

you can guess what's going on in each of those functions without having to read all the lines within them. If each of those functions contained 10 lines of code, you've just saved yourself from having to read 45 lines of code.

In conclusion: write functions.

#javascript
54 views

Comments (1)

Join the discussion
P
Purvi Barot5y ago

A function is a group of statements that together perform a specific task. You can write all intended functionality at one place and call it wherever required.

Why use function ?

Function are used for divide a large code into module, due to this we can easily debug and maintain the code. For example if we write a calculator programs at that time we can write every logic in a separate function (For addition sum(), for subtraction sub()). Any function can be called many times.

Defining a function:

return_type  function_name(parameter) 
{ 
function body; 
}

Calling a function:

function_name();  
OR   
variable=function_name(argument);

Advantage of Function:

  • Code Re-usability
  • Develop an application in module format.
  • Easily to debug the program.
  • Code optimization: No need to write lot of code.
  • Length of the source code can be reduced.

More from this blog

This week I learnt...

135 posts

I like problem solving and making things pretty. I also like red.