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

Heroku

Install the Heroku CLI Download and install the  Heroku CLI . If you haven't already, log in to your Heroku account and follow the prompts to create a new SSH public key. $ heroku login Create a new Git repository Initialize a git repository in a new or existing directory $ cd my-project/ $ git init $ heroku git:remote -a mernstackblogappdemo Deploy your application Commit your code to the repository and deploy it to Heroku using Git. $ git add . $ git commit -am "make it better" $ git push heroku master Existing Git repository For existing repositories, simply add the  heroku  remote $ heroku git:remote -a mernstackblogappdemo Source: https://devcenter.heroku.com/articles/heroku-cli

VS Code

1. cmd+shift+p (search feature in vs code) 2. run command (code .) (it will be installed and run code from terminal) # VS CODE - code, debug, extension, extension icon - jshint - prettier-code formatter - beautify - vscode - icons - ESLint - TSLint

Javascript Conference: Functional- Map, Reduce and Filter vs Object Oriented Programming

What is functional programming? and why? Source:  https://www.youtube.com/watch?v=e-5obm1G_FY A programming paradigm a coding style a mindset a sexy, buzz-wordy trend safer, easier to debug/maintain established community Not functional:  var name = “Anjana”;  var greeting = “Hi, I’m ”;  console.log(greeting + name);  Output : “Hi, I’m Anjana” Functional:   function greet(name) {         return “Hi, I’m ” + name;  }  greet(“Anjana”);  Output: “Hi, I’m Anjana” Avoid side effects use “pure” functions Not pure:   var name = “Anjana”;  function greet() {        console.log(“Hi, I’m ” + name);  } Pure:  function greet(name) {      return “Hi, I’m ” + name;  } Use higher-order functions functions can be inputs/outputs function makeAdjectifier(adjective) {      return function (string...