JS Introduction

JavaScript Intro: Dynamic Engine of the Web

JavaScript (JS) is a lightweight, single-threaded, just-in-time compiled programming language with first-class functions. While best known as the scripting language for Web pages, modern JavaScript environments like Node.js, Deno, and Bun enable execution across server architectures, cloud infrastructure, and desktop or mobile applications.

The JavaScript Execution Lifecycle

flowchart TD
    Source["JavaScript Source Code (.js)"] --> Parser["Parser & Abstract Syntax Tree (AST)"]
    Parser --> Interpreter["Ignition / Bytecode Interpreter"]
    Interpreter --> Profiler["Inline Profiler (Hot Functions)"]
    Profiler --> JIT["JIT Compiler (V8 TurboFan)"]
    JIT --> MachineCode["Optimized Native Machine Code"]

Core Characteristics of JavaScript

Practical Code Example

// Demonstrating dynamic typing, first-class functions, and object structures

// First-class function assigned to a constant
const formatUserSummary = (user) => {
  return `[User #${user.id}] ${user.name.toUpperCase()} - Status: ${user.isActive ? 'Active' : 'Inactive'}`;
};

// Dynamic object structure
const currentUser = {
  id: 101,
  name: "Maksudur Rahman",
  isActive: true,
  roles: ["Developer", "Admin"]
};

// Processing data dynamically
console.log("--- User Summary Output ---");
console.log(formatUserSummary(currentUser));

// Re-assigning variable values dynamically
let payload = "Initial String Payload";
console.log(`Payload (String): ${typeof payload} -> ${payload}`);

payload = 404; // Dynamically changed to number
console.log(`Payload (Number): ${typeof payload} -> ${payload}`);

Best Practices & Gotchas

• Use Modern ECMAScript Standards: Always write ES6+ syntax (const/let, arrow functions, destructuring).
• Avoid Global Scope Pollution: Encapsulate code in modules or functions to prevent variable collisions.
• Understand Single-Threaded Nature: JavaScript executes on a single main thread. Heavy synchronous computations will freeze the UI thread in browsers.

Self-Check Challenge

Create a function getSystemStatus(isOnline, latencyMs) that returns "Operational (Low Latency)" if isOnline is true and latencyMs is under 100, otherwise returns "Degraded performance".