JavaScript- Scopes and Closures

Scope

The scope is the set of variables, objects, and functions you have access to.

Create Scope

Use functions

Declaring Variables

If you do write operation without declaring variable -> work fine

foo = 10; console.log(foo); -> 10

If you do read operation without declaring variable -> doesn't work fine

console.log(foo) -> syntax error

Window Object

Inbuilt object provided by JavaScript itself
Every global variable and functions are part of window object

JavaScript is both compilations and interpreted language

Compilation: register variables, method names, arguments in global scope
Interpretation: assign values to global scope and execute the code
global scope problem: undeclared function inside the variable it goes to global scope

Hoisting

It doesn't matter where you declare your variable (In the compilation step it include all variables automatically before the interpretation)

Strict Mode

To get strict mode: "use strict"
It doesn't allow use variables without declaring it before.

Closure

Function remembers it's declaration scope at every stage when it executes

Callback

setTimeout(function,time)
The function you want to execute after waiting defined time(milliseconds)

Important Facts

JavaScript is not block scoping language: {} doesn't create blocks in JavaScript
IIFE: Immediately Invoke Function Expressions

Execute anonymous functions directly

When executing functions each time new copy of local variables are produce

GitHub repo: https://github.com/kaosadi17/JavaScript/blob/master/scopes%26Closures.js

Comments

Object Oriented Programming (OOP)

Object Object is an entity that has state and behavior Class Collection of objects is known as class. There are four main types of OOP concepts Inheritance Object acquire all the properties and behavior of parent object Improve code re-usability Polymorphism One task is performed by different ways Use method overload and override Abstraction Hiding internal details and showing functionality Use abstract class and interfaces Encapsulation Binding code and data into a single unit

Maven

Maven is a software project management and comprehension tool, based on the concept of project object model. Maven Usages Build the code in the development environment (compile the source code, run the test cases and packaging the project) Project management tool Generate reports Dependency management Installation Steps You can install Maven by following below steps . Manual Installation Download Maven binary file Create some environment variables M2_HOME = environment point to maven directory PATH = append Maven path until bin to path variable Using Ubuntu Terminal sudo apt-get install maven To check Maven is successfully installed, issue the following command mvn --version To create a Maven project using Terminal use following steps mkdir myApp cd myApp/ mvn archetype:generate : choose archetype for the project groupId: org.amali.myProject (like package name) artifactId: MavenTestApp (like class name) The...

Model-View-Controller (MVC)

MVC(Model-View-Controller) is a software design pattern.It divided your applications into three components Model: Contain business rules and application Data View: Presentation layer (user interface) Controller: Handles the communication between view and model Objectives of MVC Promote code usability Implement separation of concerns Separate user interface and software logic Web Frameworks That Use MVC There are several web frameworks that use MVC design pattern. Ruby On Rails (Ruby) Angular (JS) Django (Python) Express (JS) Flask (Python) Codeigniter (PHP) Simple UseCase for MVC In this use case scenario, Browser sends information that needs to create Employee Object, and Controller save that information in Model and Update the Employee View. Following Image shows the class diagram for above Scenario. Implementation: https://github.com/kaosadi17/MVC

MyTech

Search This Blog