JavaScript Beginner Tutorial: A Complete Guide from Variable Declarations to Object-Oriented Programming

JavaScript Quick Start Guide: A Systematic Overview for Developers with Programming Experience

JavaScript is one of the most important programming languages today. Regardless of whether your primary language is Python, Rust, or C, JavaScript is likely the most essential second language you need to master. It not only dominates frontend development but is also widely used in backend (Node.js), mobile, and various scripting scenarios. This article systematically covers the core concepts of JavaScript to help developers with programming experience get up to speed quickly.

Environment Setup and Your First Line of Code

The first step in learning JavaScript is installing Node.js. Unlike running code in a browser, Node.js allows us to execute JavaScript files directly in the terminal, letting us focus on the language itself rather than DOM manipulation.

The Birth and Runtime Principles of Node.js

Node.js was created in 2009 by Ryan Dahl. Its core innovation was extracting Google Chrome's V8 JavaScript engine from the browser, enabling it to run independently on the server side. The V8 engine uses Just-In-Time (JIT) Compilation technology, compiling JavaScript code directly into machine code rather than interpreting it line by line, which significantly improves JavaScript's execution speed. Node.js also introduces an Event Loop and a non-blocking I/O model, making it particularly well-suited for handling high-concurrency network requests. For beginners, the biggest advantage of learning JavaScript in a Node.js environment is the ability to completely detach from the browser's DOM environment and focus on the language's core features.

After installation, create a main.js file and write:

console.log("Hello World");

Then run node main.js in the terminal to see the output. console.log() is the most basic output function in JavaScript, equivalent to Python's print(). Semicolons in JavaScript are optional, but including them is considered good coding practice.

let, var, and const: The Differences Between Three Variable Declaration Methods

JavaScript provides three ways to declare variables, and understanding their differences is crucial:

• let: Block-scoped, the recommended variable declaration method in modern JavaScript
• var: Global/function-scoped, with a hoisting mechanism
• const: Declares constants that cannot be reassigned once initialized

The most critical difference between var and let is scope. Variables declared with let inside curly braces {} cannot be accessed outside that block; whereas variables declared with var have global scope and can be accessed outside the block.

Deep Dive into Hoisting and the Temporal Dead Zone

Hoisting is the behavior where the JavaScript engine moves variable and function declarations to the top of their scope during the pre-processing phase before code execution. For var declarations, the engine hoists the declaration but not the assignment, so accessing the variable before its declaration returns undefined rather than throwing an error. Function declarations are fully hoisted, including the function body, meaning you can call a function before it's defined in the code.

In contrast, although let and const are also hoisted, they exist in a "Temporal Dead Zone"