Technical Jargon in JS

Technical Jargon in JS

push → in stack putting value

pop → in stack taking out value

enqueue→REAR → putting value in queue

dequeue →FRONT→ taking value from queue

GEC → global execution context. It will be in js engine. After GEC is executed operation is terminated

REAR → end where new element are added

FRONT → front where element are taken out

FIFO → First in first out → happens in queue

Stack → first in last out → happens in stack

Event loop→ checks the stack

in Stack all queue data are not put in stack data to push in stack are managed by event loop and only required data are pushed to avoid deadlock condition.



TDZ → Temporal Dead Zone used to store variable declared using let and const

hoisting→ let and const variable are hoisted in TDZ

Closure

debugger; let a = 1 

function outer(){ 

let b= 2 

function test(){} 

function inner(){ 

let c = 3 

console.log(a, b, c,test) 

} 

inner() 

}

outer()

// b is comming from closure

Working in company in git basic example



version 1.2.3 → 1 is main update, 2 is minor update and 3 is hotfix.

Comments

Post a Comment

Popular posts from this blog

Redux toolkit

Image
🧠 What is Redux Toolkit? Redux Toolkit is the official, recommended way to use Redux — a tool that helps you manage global state in React apps. Component State (Local State) Belongs to one specific component.  It’s used when only that component needs to know or control that data. Example: Imagine a light switch component in a room. The switch ON/OFF is tracked inside that component only — no other part of the house (app) needs to know about it. function LightSwitch() {  const [isOn, setIsOn] = useState(false);  return <button onClick={() => setIsOn(!isOn)}>{isOn ? 'ON' : 'OFF'}</button>;  } Global State This is shared state — data that multiple components need to access or update. It’s stored in a central place and can be used across the app. Example: Imagine an app with a theme toggle (dark/light mode) that affects the whole app — not just one component. If you stored this in just one component, others wouldn’t know when it changes. So, you use globa...
Read more

Array Advance

Image
 Adding element in end, beginning and middle of array. To add element at end of array we use push method. const cars = ['honda', 'bmw', 'lambo', 'bugati'] cars.push('toyata', 'jaguar') console.log(cars); To add element at beginning of array we use unshift method like cars.unshift('mastang', 'ferrari') console.log(cars); To add element at middle of array we use splice method. we can use splice method to both add and delete . Syntax Example cars.splice(2, 0, 'byd', 'mg') console.log(cars); From 2nd index byd and mg will added to array. Finding elements(Primitive Type) How to find elements in array? we have couple of method for that, that are indexOf(), lastIndexOf(), include() indexOf() → return earliest index of array if element exist else return -1 Example console.log(cars.indexOf('lambo')); —→6 lastIndexOf() →return last index of array if element exist else return -1 cars.push(...
Read more

HTML – a must-know for building responsive and dynamic layouts.

 Box Model <!-- at core we have content, padding, border, margin inspect the browser we can see the detail diagram of box model --> <! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > Document </ title >     < style >       p {         /* padding: 1px 2px 1px 2px; */         /* we give padding value as T R B L -> top right bottom left             if we give single value, it will same value for all direction             last value is not given then, left value will be right value             if 2 value given bottom, will use 1st value, and left will use 2nd value             */ ...
Read more