Learn Javascript __Functions

Learn Javascript __Functions

Zahab kakar
·Dec 28, 2021·

2 min read

Subscribe to my newsletter and never miss my upcoming articles

Introduction

This article explains JavaScript function in detail and followed the previous JavaScript article Learn JavaScript__Part1. Therefore if you are not familiar with JS basics, you may check the mentioned articles.

What are Functions in JavaScript?

Functions are containers that hold reusable code and perform a particular task. Not just JavaScript but almost all programming languages have a concept of functions and every developer must deal with that while coding.

Functions are independent pieces of code and manage the large code. Before moving on how it performs a task, let's see how we can create a function.

In javaScript the function keyword is used to declare a function, to identify a function it should have a name. Here is the syntax for function declaration

function  name(){

YOUR_CODE

}

Here is the example, the function "sayHi" can be created using a function keyword followed by "sayHi" [function name] and a set of parentheses, the function code will be written inside the curly braces. Whenever the function is called, it performs whatever instruction is written inside it, here I created this function that whenever it is called it should print I like JavaScript.

  function sayHi(){
      console.log("I like JavaScript")
  }
  sayHi();

// I like JavaScript

Here is another function example


  function myFunction(){
      console.log("Hello world");
      let c =  3 + 5;
      console.log(c);
  }

  myFunction();

/*
      Hello world
      8
*/

JavaScript functions can be used as reusable code. In below example, I don't need to type the code every time I need it, I can just call the function.


  function myFunction(){
      console.log("Hello world");
      let c =  3 + 5;
      console.log(c);
  }

  myFunction();
  myFunction();

/*
      Hello world
      8
      Hello world
      8
*/

Functions also accept parameters - parameters are the symbolic name for "data" that goes into a function. A function can have one or more parameters.

In the below example, the function has a parameter called num, num accepts a value and performs the function task based on that value. The parameter value will be initialized while calling the function.

  function myFunction(num){
     console.log(num * num)
  }
  myFunction(3);
  myFunction(10);


/*     9
       100
*/

You don't need to console.log in functions, the " return " is used to return the function statements.

  function myFunction(a, b){
    return a + b;
  }
  console.log(myFunction(3, 5));

//     8

Conclusion

That is it for this article. I hope you found this article useful, if you need any help please let me know in the comment section.

Feel free to contact me on Twitter

 
Share this