Understanding Closures In JavaScript Day 5

Lecture 5 : Understanding Closures In JavaScript


Closure :

  • Closure is one of important concept in JavaScript. It is widely discussed and still confused concept.

  • Most of the JavaScript developers use Closures consciously or unconsciously.

  • Even if they do unconsciously it works fine in most of the cases. But knowing closure will provide better control over the code when using them.
  • And another reason for learning closure is that it is the most frequently asked question in the interview for the JavaScript developers.
  • Closure means that an inner function always has access to the vars and parameters of its outer function, even after the outer function has returned.
The Lifetime of JavaScript Variables :

1) Local Variable
2) Global Variable

                -The lifetime of JavaScript variable starts when it is declared.

1) Local Variable :

  • Local variables are declared when the function is completed.

  • A function can also access variables defined outside the function.

                    var a = 4;
                    function myfunction()
                    {
                       return a * a;
                     }

2) Global Variable :

  • Global variables are declared when you close the browser window (or tab).

  • A function can also access variables defined inside the function.

                    function myfunction()
                    {
                       var a = 4;
                       return a * a;
                     }

Scope :

  • Scope in JavaScript refers to the current context of code, which determines the accessibility of variables to JavaScript.

  • The two types of scope are local and global : 

    1. Global variables are those declared outside of a block. 
    2. Local variables are those declared inside of a block.

Understanding Closures :

  • Closures have been hard to explain traditionally because, despite their usefulness, they work silently in the background to make things work, the stuff we take for granted. In this article, I’ll try to cover the basics of what a closure is and why JavaScript benefits from closures.

  • A closure can be defined as a persistent scope that is held onto by a variable. Languages like JavaScript and Ruby support closures, which allows variables to have references to their parent scope even after their programming block has been executed and, as long as these variable have a reference somewhere, the closure exists.

Example :

Program-

<html>
<body>
<script>
function fun()
{
    var name = "ClosuresJavaScript";
    function displayname()
    {
        alert(name);
    }
        return displayname;
}
var myfun = fun();
myfun();
</script>
</body>
</html>

Output-


Comments

Post a Comment

Popular posts from this blog

Basic Concept In C Sharp Day 16

Image
Lecture 16 : Basic Concept In C Sharp C Sharp : C#  (pronounced  see sharp , like the musical note C♯, but written with the number sign) is a general-purpose, multi-paradigm programming language encompassing static typing, strong typing, lexically scoped, imperative, declarative, functional, generic, object-oriented (class-based), and component-oriented programming disciplines. C# was developed around 2000 by Microsoft as part of its .NET initiative and later approved as an international standard by Ecma (ECMA-334) in 2002 and ISO (ISO/IEC 23270) in 2003. It was designed by Anders Hejlsberg, and its development team is currently led by Mads Torgersen, being one of the programming languages designed for the Common Language Infrastructure (CLI). The most recent version is 9.0, which was released in 2020 in .NET 5.0 and included in Visual S...
Read more

Concept Of TypeScript Day 8

Image
Lecture 8 : Concept Of TypeScript What is TypeScript : TypeScript is a strongly typed, object oriented, compiled language.  “TypeScript is JavaScript for application-scale development.” TypeScript is both a language and a set of tools. TypeScript is a typed superset of JavaScript compiled to JavaScript. History of TypeScript : In 2010, Anders Hejlsberg , a core member of the development team of C# language, started working on TypeScript at Microsoft.  The first version of TypeScript was released to the public in the month of 1st October 2012, and was labeled as version 0.8. Now, it is maintained by Microsoft under the Apache 2 license.  The latest version of Typescript is TypeScript 3.5, which was released to the public on May 2019. Features of TypeScript : TypeScript is just JavaScript : TypeScript starts with JavaScript and ends with JavaScript. Typescript adopts the basic building blocks of your program from JavaScript. Hence, yo...
Read more

Understanding C Sharp Day 18

Image
Lecture 18 : Understanding C Sharp   Class Library : A class library  defines types and methods that are called by an application. The  Class Library .DLL  contains program code, data, and resources that can be can used by other programs and are easily implemented into other Visual Studio projects. Create New Class Library Project with Visual Studio :  Create New Project : Select C# in the language tab And then select  Class Library (.NET Framework) and press the NEXT button You can then proceed to give your project a Project Name Call the project  MathLibrary  (in order to copy/paste example code) Press the CREATE button, After you have given a name to your project Building the Class Library .DDL for C# : The following code example is a C# version of the Class Library.  The Class Library .DLL contains program code, data, and resources.  The Class Library in this example will feature a cus...
Read more