Lập trình cơ bản

JavaScript là gì? Bài nhập môn dễ hiểu cho người mới bắt đầu

Bài viết giải thích JavaScript là gì theo cách dễ hiểu cho người mới bắt đầu, gồm console.log, biến, let, const, chữ, số, phép tính đơn giản, if else và bài tập thực hành.

Xuất bản: 8 thg 6, 2026Cập nhật: 8 thg 6, 2026Thời gian đọc: 6 minLượt xem: 2

JavaScriptlập trình webbiếnconsole.logif elsecơ bản

💡Điểm chính của bài viết

Bài viết giải thích JavaScript là gì theo cách dễ hiểu cho người mới bắt đầu, gồm console.log, biến, let, const, chữ, số, phép tính đơn giản, if else và bài tập thực hành.

Chủ đề: JavaScript cơ bản cho người mới
Đối tượng: người chưa biết hoặc mới tiếp cận lập trình
Mức độ: rất cơ bản, giải thích bằng ví dụ đời thường
Nội dung chính: JavaScript là gì, dùng ở đâu, console.log, biến, phép tính đơn giản
Ảnh minh họa: ảnh JPEG từ internet, không nhúng base64, không dùng SVG

Nguồn ảnh: Wikimedia Commons — Colorful code (Unsplash).jpg.
Tác giả ảnh: Markus Spiske.
Giấy phép: CC0 1.0 Public Domain Dedication theo trang Wikimedia Commons.
Trang ảnh gốc: https://commons.wikimedia.org/wiki/File:Colorful_code_(Unsplash).jpg
Link ảnh hiển thị trực tiếp: https://upload.wikimedia.org/wikipedia/commons/thumb/9/94/Colorful_code_%28Unsplash%29.jpg/1280px-Colorful_code_%28Unsplash%29.jpg

1. JavaScript là gì?

JavaScript là một ngôn ngữ lập trình rất phổ biến, đặc biệt trong việc làm website.

Nếu ví một trang web như một ngôi nhà, ta có thể hiểu đơn giản:

Ví dụ

HTML giống như khung nhà. CSS giống như màu sơn, cách trang trí. JavaScript giống như điện, công tắc và các hành động trong nhà.

Ví dụ:

HTML tạo ra nút bấm.
CSS làm nút có màu đẹp hơn.
JavaScript giúp nút có hành động khi người dùng bấm vào.

Một ví dụ dễ hiểu: trên website bán hàng, khi bạn bấm nút “Thêm vào giỏ hàng”, trang web có thể cập nhật số lượng sản phẩm. Hành động đó thường có thể được xử lý bằng JavaScript.

2. JavaScript dùng để làm gì?

Người mới có thể hiểu JavaScript qua các việc quen thuộc sau:

hiển thị thông báo khi người dùng bấm nút;
kiểm tra người dùng đã nhập email hay chưa;
tính tổng tiền trong giỏ hàng;
đổi nội dung trên trang mà không cần tải lại toàn bộ trang;
làm menu mở ra, đóng lại;
gửi dữ liệu từ website lên máy chủ.

Ban đầu, bạn không cần học tất cả. Chỉ cần hiểu: JavaScript giúp website có hành động và có phản ứng với người dùng.

3. Viết dòng JavaScript đầu tiên

Dòng đầu tiên người mới thường học là:

JAVASCRIPT

console.log("Xin chào JavaScript!");

Dòng này có nghĩa là:

Ví dụ

Hãy in dòng chữ "Xin chào JavaScript!" ra khu vực kiểm tra của trình duyệt.

Kết quả:

Ví dụ

Xin chào JavaScript!

console.log() thường dùng để kiểm tra xem chương trình đang chạy ra kết quả gì. Người mới nên dùng nó nhiều để quan sát chương trình.

4. `console.log` là gì?

Hãy tưởng tượng bạn đang nấu ăn. Trong lúc nấu, bạn nếm thử để biết món ăn đang như thế nào.

console.log() cũng giống như một cách “nếm thử” trong lập trình. Nó giúp bạn xem tạm giá trị bên trong chương trình.

Ví dụ:

JAVASCRIPT

console.log(10);
console.log("An");
console.log(10 + 5);

Kết quả:

Ví dụ

10 An 15

Khi mới học, đừng xem console.log() là thứ khó. Hãy hiểu đơn giản là:

TEXT

console.log = in ra để xem thử

5. Biến trong JavaScript là gì?

Biến là một cái tên dùng để lưu giá trị.

Ví dụ đời thường:

Ví dụ

Tên: An Tuổi: 18 Thành phố: Hà Nội

Trong JavaScript, ta có thể viết:

JAVASCRIPT

let name = "An";
let age = 18;
let city = "Hà Nội";

Cách đọc:

Ví dụ

Tạo một tên là name, lưu giá trị "An". Tạo một tên là age, lưu giá trị 18. Tạo một tên là city, lưu giá trị "Hà Nội".

Sau đó ta có thể in ra:

JAVASCRIPT

console.log(name);
console.log(age);
console.log(city);

Kết quả:

Ví dụ

An 18 Hà Nội

6. Vì sao cần biến?

Vì biến giúp ta lưu thông tin để dùng lại.

Không dùng biến:

JAVASCRIPT

console.log(25000 * 3);

Dùng biến:

JAVASCRIPT

let price = 25000;
let quantity = 3;
let total = price * quantity;

console.log(total);

Kết quả:

Ví dụ

75000

Cách dùng biến dễ đọc hơn. Người xem code hiểu ngay:

Ví dụ

price là giá. quantity là số lượng. total là tổng tiền.

Nếu sau này giá hoặc số lượng thay đổi, ta chỉ cần sửa giá trị của biến.

7. `let`, `const` là gì?

Khi mới học JavaScript, bạn sẽ gặp let và const.

Hiểu đơn giản:

TEXT

let = dùng cho giá trị có thể thay đổi
const = dùng cho giá trị không muốn thay đổi

Ví dụ dùng let:

JAVASCRIPT

let age = 18;
age = 19;

console.log(age);

Kết quả:

Ví dụ

Ví dụ dùng const:

JAVASCRIPT

const country = "Việt Nam";

console.log(country);

Người mới có thể nhớ tạm:

Ví dụ

Dùng let khi cần thay đổi. Dùng const khi không cần thay đổi.

8. Dữ liệu chữ và dữ liệu số

JavaScript có nhiều loại dữ liệu, nhưng người mới chỉ cần bắt đầu với hai loại rất quen thuộc: chữ và số.

Chữ thường đặt trong dấu nháy:

JAVASCRIPT

let name = "An";
let message = "Xin chào";

Số thì không cần dấu nháy:

JAVASCRIPT

let age = 18;
let price = 25000;

Điểm dễ nhầm:

JAVASCRIPT

let a = 10;
let b = 20;

console.log(a + b);

Kết quả:

Ví dụ

Nhưng:

JAVASCRIPT

let a = "10";
let b = "20";

console.log(a + b);

Kết quả:

Ví dụ

1020

Vì "10" và "20" có dấu nháy, JavaScript hiểu chúng là chữ. Khi dùng dấu + với chữ, JavaScript nối chúng lại.

Cách nhớ:

Ví dụ

10 là số. "10" là chữ.

9. Ví dụ dễ hiểu: tính tiền mua hàng

Giả sử một quyển sách giá 45.000 đồng, bạn mua 2 quyển.

JAVASCRIPT

let price = 45000;
let quantity = 2;
let total = price * quantity;

console.log(total);

Kết quả:

Ví dụ

90000

Giải thích từng dòng:

JAVASCRIPT

let price = 45000;

Tạo biến price để lưu giá một quyển sách.

JAVASCRIPT

let quantity = 2;

Tạo biến quantity để lưu số lượng mua.

JAVASCRIPT

let total = price * quantity;

Tạo biến total để lưu tổng tiền.

JAVASCRIPT

console.log(total);

In tổng tiền ra để kiểm tra.

10. Ví dụ dễ hiểu: chào người dùng

JAVASCRIPT

let name = "An";

console.log("Xin chào, " + name + "!");

Kết quả:

Ví dụ

Xin chào, An!

Dấu + ở đây dùng để ghép chữ.

Cách hiểu:

Ví dụ

"Xin chào, " + "An" + "!"

sẽ thành:

Ví dụ

Xin chào, An!

11. Câu điều kiện rất cơ bản

Câu điều kiện giúp chương trình đưa ra lựa chọn.

Ví dụ đời thường:

Ví dụ

Nếu tuổi từ 18 trở lên thì đủ tuổi. Nếu không thì chưa đủ tuổi.

Trong JavaScript:

JAVASCRIPT

let age = 20;

if (age >= 18) {
    console.log("Đủ tuổi");
} else {
    console.log("Chưa đủ tuổi");
}

Kết quả:

Ví dụ

Đủ tuổi

Giải thích:

if nghĩa là nếu.
age >= 18 nghĩa là tuổi có lớn hơn hoặc bằng 18 không.
Nếu đúng, in "Đủ tuổi".
Nếu sai, chạy phần else.

12. Những lỗi người mới hay gặp

Lỗi 1: Quên dấu nháy khi viết chữ

Sai:

JAVASCRIPT

let name = An;

Đúng:

JAVASCRIPT

let name = "An";

Nếu là chữ, cần đặt trong dấu nháy.

Lỗi 2: Nhầm số với chữ

JAVASCRIPT

let age = "18";

Dòng này lưu tuổi dưới dạng chữ, không phải số.

Nếu muốn tính toán với tuổi, nên viết:

JAVASCRIPT

let age = 18;

Lỗi 3: Quên dấu chấm phẩy

Trong nhiều trường hợp JavaScript vẫn chạy nếu thiếu dấu ;, nhưng người mới nên tập viết rõ:

JAVASCRIPT

let age = 18;
console.log(age);

Lỗi 4: Viết tên biến khó hiểu

Không nên:

JAVASCRIPT

let x = 25000;
let y = 3;
let z = x * y;

Nên:

JAVASCRIPT

let price = 25000;
let quantity = 3;
let total = price * quantity;

Tên rõ ràng giúp code dễ đọc hơn.

13. Cách học JavaScript cho người mới

Không nên học quá nhiều thứ cùng lúc. Người mới nên học theo thứ tự:

console.log() để xem kết quả.
Biến: let, const.
Chữ và số.
Phép tính đơn giản.
Câu điều kiện if / else.
Hàm.
Danh sách.
Làm việc với nút bấm trên trang web.

Mỗi phần nên học bằng ví dụ nhỏ. Không cần hiểu hết mọi thứ ngay trong lần đầu.

14. Bài tập nhỏ

Bài 1

Viết code in ra dòng:

Ví dụ

Xin chào JavaScript!

Bài 2

Tạo biến name lưu tên của bạn, sau đó in ra:

TEXT

Xin chào, <tên của bạn>!

Bài 3

Tạo biến:

TEXT

price = 30000
quantity = 4

Tính tổng tiền và in ra kết quả.

Bài 4

Tạo biến age. Nếu age >= 18, in "Đủ tuổi". Nếu không, in "Chưa đủ tuổi".

15. Đáp án tham khảo

Đáp án bài 1

JAVASCRIPT

console.log("Xin chào JavaScript!");

Đáp án bài 2

JAVASCRIPT

let name = "An";

console.log("Xin chào, " + name + "!");

Đáp án bài 3

JAVASCRIPT

let price = 30000;
let quantity = 4;
let total = price * quantity;

console.log(total);

Kết quả:

Ví dụ

120000

Đáp án bài 4

JAVASCRIPT

let age = 18;

if (age >= 18) {
    console.log("Đủ tuổi");
} else {
    console.log("Chưa đủ tuổi");
}

16. Ghi nhớ nhanh

JavaScript giúp website có hành động và phản ứng với người dùng.

console.log() dùng để in kết quả ra xem thử.

Biến là tên dùng để lưu giá trị.

let dùng khi giá trị có thể thay đổi.

const dùng khi giá trị không định thay đổi.

Chữ đặt trong dấu nháy, số thì không.

if / else giúp chương trình chọn việc cần làm.

17. Kết luận

JavaScript không cần bắt đầu bằng những khái niệm khó. Với người mới, chỉ cần hiểu vài ý đầu tiên:

Ví dụ

Viết một dòng lệnh. In kết quả ra xem. Lưu thông tin vào biến. Tính toán đơn giản. Cho chương trình chọn theo điều kiện.

Khi đã quen các phần này, việc học hàm, danh sách và tương tác với trang web sẽ dễ hơn nhiều.

Gợi ý tiêu đề SEO

JavaScript là gì? Bài nhập môn dễ hiểu cho người mới bắt đầu
Học JavaScript cơ bản: console.log, biến và ví dụ đầu tiên
JavaScript cho người mới: hiểu biến, chữ, số và điều kiện
Bắt đầu học JavaScript từ con số 0

Mô tả SEO

Nguồn tham khảo

MDN Web Docs — JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript
MDN Web Docs — What is JavaScript?: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting/What_is_JavaScript
MDN Web Docs — Variables: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting/Variables
MDN Web Docs — console.log(): https://developer.mozilla.org/en-US/docs/Web/API/console/log_static
MDN Web Docs — Expressions and operators: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_operators
Wikimedia Commons — ảnh minh họa code: https://commons.wikimedia.org/wiki/File:Colorful_code_(Unsplash).jpg

Được biên soạn bởi PixelRouter Editorial Team

Chúng tôi cung cấp các bài viết chuyên sâu và chính xác về hạ tầng AI, bảo mật API, quản lý tài chính đám mây và tối ưu hóa hệ thống cho nhà phát triển.

Câu hỏi thường gặp

JavaScript là gì?

JavaScript là một ngôn ngữ lập trình rất phổ biến, được dùng để tạo hành động và phản hồi cho website, như hiển thị thông báo khi người dùng bấm nút, tính tổng tiền trong giỏ hàng, hoặc thay đổi nội dung mà không cần tải lại trang.

console.log() là gì?

console.log() là hàm dùng để in ra giá trị hoặc thông tin trong khu vực kiểm tra của trình duyệt, giúp lập trình viên “nếm thử” và kiểm tra kết quả của chương trình.

Biến trong JavaScript là gì?

Biến là một tên dùng để lưu trữ giá trị, cho phép bạn tái sử dụng và thay đổi dữ liệu trong chương trình; ví dụ: let name = "An"; let age = 18;.

← PixelRouter Blog

💡Điểm chính của bài viết

1. JavaScript là gì?

2. JavaScript dùng để làm gì?

3. Viết dòng JavaScript đầu tiên

4. console.log là gì?

5. Biến trong JavaScript là gì?

6. Vì sao cần biến?

7. let, const là gì?

8. Dữ liệu chữ và dữ liệu số

9. Ví dụ dễ hiểu: tính tiền mua hàng

10. Ví dụ dễ hiểu: chào người dùng

11. Câu điều kiện rất cơ bản

12. Những lỗi người mới hay gặp

Lỗi 1: Quên dấu nháy khi viết chữ

Lỗi 2: Nhầm số với chữ

Lỗi 3: Quên dấu chấm phẩy

Lỗi 4: Viết tên biến khó hiểu

13. Cách học JavaScript cho người mới

14. Bài tập nhỏ

Bài 1

Bài 2

Bài 3

Bài 4

15. Đáp án tham khảo

Đáp án bài 1

Đáp án bài 2

Đáp án bài 3

Đáp án bài 4

16. Ghi nhớ nhanh

17. Kết luận

Gợi ý tiêu đề SEO

Mô tả SEO

Nguồn tham khảo

Được biên soạn bởi PixelRouter Editorial Team

Câu hỏi thường gặp

4. `console.log` là gì?

7. `let`, `const` là gì?