Explain JavaScript closures by example?
Submitted by: Administrator► The closure is a local variable of a function which remains alive after the function has returned.
► Closure combines a function with a local variable available at the time of creating closure.
► For example :
function wish(msg)
{
console.log(msg);
}
function greeting(name, occasion)
{
return name + ", Happy " + occasion;
}
var message = greeting ("Arpit", "Birthday");
// Pass it explicitly to wish
wish(message);
► By using closure we can simplify above code.
function greeting (name, occasion)
{
var msg = name + ", Happy " + occasion;
return function wish()
{
console.log(msg);
};
}
// create the closure
var wisharpit = greeting ("Arpit", "Birthday");
// use the closure
wisharpit ();
► Here wish function is nested within the greeting, so closure can access the local variable of greeting which are name, occasion and msg.
Submitted by:
► Closure combines a function with a local variable available at the time of creating closure.
► For example :
function wish(msg)
{
console.log(msg);
}
function greeting(name, occasion)
{
return name + ", Happy " + occasion;
}
var message = greeting ("Arpit", "Birthday");
// Pass it explicitly to wish
wish(message);
► By using closure we can simplify above code.
function greeting (name, occasion)
{
var msg = name + ", Happy " + occasion;
return function wish()
{
console.log(msg);
};
}
// create the closure
var wisharpit = greeting ("Arpit", "Birthday");
// use the closure
wisharpit ();
► Here wish function is nested within the greeting, so closure can access the local variable of greeting which are name, occasion and msg.
Submitted by:
Read Online Expert Developer JavaScript Job Interview Questions And Answers
Top Expert Developer JavaScript Questions
☺ | Mention what is the disadvantage of using innerHTML in JavaScript? |
☺ | Which keyword is used to print the text in the screen? |
☺ | Why it is not advised to use innerHTML in JavaScript? |
☺ | Explain the concept of unobtrusive JavaScript? |
☺ | How are JavaScript and ECMA Script related? |
Top Scripting language Categories
☺ | AngularJS Interview Questions. |
☺ | Ext-JS Interview Questions. |
☺ | Dojo Interview Questions. |
☺ | Expert Developer JavaScript Interview Questions. |
☺ | jQuery Mobile Interview Questions. |