Skip to main content

Javascript: Scope

SCOPE (Visibility, Accessibility)

every file is denoted as a module in js. "use strict" use strict is also scope strict mode on. With strict mode, you can not, for example, use undeclared variables. global scope can be used everywhere
var welcome = 'Welcome to home'; 


Example:
If you ask the phone store employee for a phone model that her store doesn't carry, she will not be able to sell you the phone you want. She only has access to the phones in her store's inventory. You'll have to try another store to see if you can find the phone you're looking for.

scope type: 
  1. Global scope
  2. local scope
  3. functional scope
  4. block scope
The scope is known as lexical scope. Each function has its own scope.
function hi(name){  

//hi is also global scope, accessible in every file

xyz = 'I am global scope';  

//global scope if not declared with var if there is use strict, then it can not be declared

var abc = hello('I am local scope');  
//abc is not global scope, its functional scope also known as local scope
console.log('abc', abc);
return 'Hello ' + name + ' ' + welcome;

Let and Var
if (name === "sinuna"){
let abc = 'sinuna'; 
//let le yo abc ko scope yo block of code ma matra

let abc = 'sinuna'; 
//var le scope bahira ni chalauna milxa
console.log('abc', abc);
var abc = 'xyz';
}else if {
console.log('abc', abc); xyz
} else {
console.log('abc', abc);
}

functional scope (local scope):
//abc can be used until the block of code
}
console.log(hi('sinuna'));

function hello(arg){ 
//hello is global scope hoisting javascript Hoisting is JavaScript's default behavior of moving declarations to the top.

//function use before function declaration is hoisting

//hoisting is a process of moving all the declaration to the top of module (any js file)
return 'Hello ' + arg + ' ' + welcome
}
console.log(hello('nabin')); 

Example 1:
var getName = function(){  //getName is global scope
}

Example 2: 
var getName = function(){
"use strict"
pqr = "I am inside getName";
}
getName();

Comments

Popular posts from this blog

Javascript: Object to Array and Array to Object

Output: Final Array [ { mango: 1 }, { apple: 2 }, { banana: 3 }, { orange: 1 }, { watermelon: 1 }, { papaya: 1 } ] Output: Final Object { mango: 1, apple: 2, banana: 3, orange: 1, watermelon: 1, papaya: 1 }

Javascript: Callback and High Order Function

CALLBACK A callback is a function that gets invoked after an asynchronous result appears. a callback function is an async function argument. - Asynchronous code result handle using callback and promises. // callback  function function with argument  // ---argument :// if a function pass-through function as an argument, it is higher-order function. function needs to be called in order to execute. a callback is used when calling a function asynchronous  What is a Callback or Higher-order Function? A callback function , also known as a higher-order function, is a function that is passed to another function (let’s call this other function “otherFunction”) as a parameter, and the callback function is called (or executed) inside the otherFunction. A callback function is essentially a pattern (an established solution to a common problem), and therefore, the use of a callback function is also known as a callback pattern. High-order function is a function that takes ...

Javascript: Frontend - AngularJS

# FrontEnd Technologies: # Web (Internet) - Html, css framework (bootstrap, material design-> component based) Angular 2 - Single page application (fast). - Web application or website that interacts with the user by dynamically rewritting the current page rather than loading entire new pages from a server. - Can do asynchronous jobs. # Tools: - Typescript - VS code # MVVW (Model View ViewModel Pattern) -> two-way data binding - In angular, the controller (the C in MVC) is replaced by ViewModel (the VM in MVVM). # Typescript Programming Language Typescript (.ts) is imp in angular 2. - supersetup js - strictly typed program - can do class based oop - future programming language. - security maintain (TS code compile and run in js) - JS with additional features. # Data Binding - Controller and Views synchronize. Types: 1. Event -  eg: click, onClick, change 2. Property - eg: hide, show 3. 2-way binding - Reflect in view if changes in model- c...