JavaScript From Beginner To Advanced: Part Two (JavaScript Functions)

K P Singh Chundawat

6y13.2k20100Article

20 Comments

Join the conversation! Your thoughts help the community grow.

Subash10y ago
Useful tip for me
Rahul Pushpendu Bhaskar10y ago
Nice Article..Thank you
Satyam Limbani10y ago
Again good article by you
- K P Singh Chundawat10y ago
  Thank you Satyam Limbani
Debasis Saha10y ago
Nice..
- K P Singh Chundawat10y ago
  Thank you Debasis Saha
Asfend Yar10y ago
nice
- K P Singh Chundawat10y ago
  Thank you Asfend Yar
kalu singh rao10y ago
Nice...
- K P Singh Chundawat10y ago
  Thanks kalu singh rao
Guna Pokhrel10y ago
Learning a lot about javascript
- K P Singh Chundawat10y ago
  I am glad . It was helpful for you. Stay tune for upcoming articles.Thank you
Sibeesh Venu10y ago
Nice Share
- K P Singh Chundawat10y ago
  Thank you Sibeesh Venu for your beautiful word.
Vignesh Mani10y ago
Good
- K P Singh Chundawat10y ago
  Thank you Vignesh Mani
Mohammed Ibrahim10y ago
nice
- K P Singh Chundawat10y ago
  Thanks Mohammed Ibrahim
Sonu Chaudhary10y ago
nice one
- K P Singh Chundawat10y ago
  Thank you Sonu Chaudhary

In my previous article we learned about the basics of JavaScript. In this article, we will take a look at how functions are declared and worked in JavaScript.

Introduction

A function is nothing but a block of reusable code. Like a variable, the function can also be defined anywhere in your JavaScript code section. JavaScript function allows us to divide a big programming code into small and manageable program code, known as modular development. We can create single or multiple functions in JavaScript.

In JavaScript, like other advanced programming language e.g. C++, C# etc., we can also define our own JavaScript function. We can call these functions for execution whenever we need them. So function makes our code easily reusable and maintainable within our script.

Function Declaration

A function in JavaScript is declare using function keyword. A function keyword is a reserve keyword of JavaScript. In the below example I created a sample function and called it for execution. For example,

function print()
{
document.write(“Learning JavaScript.”);
}
// executes print function
print();

In the above example, the function declaration started with the function keyword followed by a function nameprint. In JavaScript function within parenthesis {} (body section) we can write our code for execution, it means what operation we want from this function.

Function with Argument

In JavaScript we can also create argument based function. These are variables, either numbers or strings, with which the function is supposed to do something and the output of the function depends on the arguments you pass in it. We can use as many arguments according to our requirements. e.g.

function example(a,b) {
document.write(a+b);
}
Example(“Learning”,” JavaScript”);

The example above declares a function named example with two arguments (a, b) and calls it. The output of the above example will be based on the given argument. e.g. “Learning JavaScript”.

Returning a value

In JavaScript, like other programming languages, we can also return value from a function. If we want to return any value from function then we need to use return keyword followed by value what we want to return. The return is a reserved keyword by JavaScript. e.g.

function sum(a, b)
{
//return value using return keyword
return a + b;
}
//function whatever return, It will store into result variable.
var result = sum(2, 5);
//print this variable.
document.write(result);

In the above example we declare a function named sum with comma-separated two-argument (a, b) and call it for execution. The output of the above example will be based on the given argument. e.g. 7.

If a function does not return anything, its result will be a special value, known as undefined. e.g.

function nothingToReturn()
{
//nothing to be return
}
//try to get value from function
var result = nothingToReturn();
//print the value of result. It will be undefined.
document.write(result);

Nested functions

In JavaScript we can also create a function inside the function, called Nested function. In nested function the inner/child function can access of all arguments and variables of outer/parent function. We can easily declare a function inside parenthesis (body section) of another function. e.g.

function multiplication(a){
return function(b){return a*b;}
}
document.write (multiplication(3)(2)); // Output will be 6

The returned function (anonymous type function) is an inner function of method multiplication ().In above example the argument of outer function multiplication () is also available for the inner function, this type of process is known currying.

Immediately Invoked Function

Immediate functions nothing but just anonymous type function which will execute just after its declaration. This type of function is also known as the self-invoking function. Anonymous function means a function that has no name identifier. e.g.

(function () {
alert(“Hi Welcome to C-Sharp Corner.”);
}());

Constructors

When a function statement was written with a new keyword before a Function class and call it, it becomes a constructor that creates an object of that Function class. e.g.

functionName = new Function("function code should be written here");

We can also create a Function class constructor with an argument. The argument might be one or multiple. All arguments should be comma-separated.

functionName = new Function("argumet1","anrgumet2","function code");

This construct executes the code as a string. This type of function is much slower than anonymous functions. This type of function should be created and used when actually you really needed it.

Conclusion

We learned about JavaScript function and how to create and run it. This is my second article in the series "JavaScript from Beginner to Advanced." In upcoming articles we will play around with the JavaScript object. Your valuable suggestions, comments, and critiques are welcomed.

Read more articles on JavaScript