Đáp án Quiz JavaScript — 75 câu hỏi có giải thích

Đáp án: C

== ép kiểu hai toán hạng về cùng kiểu rồi mới so sánh (0 == "" → true), còn === so sánh nghiêm ngặt cả giá trị lẫn kiểu, không ép kiểu (0 === "" → false). Thực hành phổ biến là ưu tiên === để tránh kết quả bất ngờ.

Đáp án: D

map() biến đổi từng phần tử và trả về mảng mới cùng độ dài — dùng khi bạn cần kết quả. forEach() chạy callback trên từng phần tử nhưng trả về undefined — dùng cho side-effect (log, ghi DB...). Nếu bạn định gán kết quả của forEach, đó là dấu hiệu nên dùng map.

Đáp án: B

[] (mảng rỗng) là truthy — mọi object trong JS đều truthy, kể cả mảng và object rỗng. Chỉ có đúng 8 giá trị falsy: false, 0, -0, 0n, "", null, undefined, NaN. Vì thế if ([]) luôn vào nhánh true, còn [] == false lại là true (do ép kiểu) — hai chuyện khác nhau.

Đáp án: C

Gán lại biến const ném TypeError: Assignment to constant variable khi chạy. const khoá binding (không cho gán lại), còn let cho phép gán lại. Lưu ý: const không đóng băng giá trị — object/array mà nó trỏ tới vẫn sửa nội dung được. Quy tắc thực hành: mặc định const, chỉ dùng let khi cần gán lại.

Đáp án: A

Template literal dùng backtick ` và có hai tính năng chính: nội suy biểu thức ${expression} (ví dụ `Hello ${name}, 1+1=${1+1}`) và chuỗi nhiều dòng viết trực tiếp không cần \n. Chuỗi nháy đơn/kép in nguyên văn ${name} chứ không đánh giá. Ngoài ra còn tagged template cho trường hợp nâng cao.

Đáp án: B

filter() chạy callback trên từng phần tử và trả về mảng mới chứa các phần tử mà callback trả truthy — mảng gốc không đổi. Ví dụ [1,2,3,4].filter(n => n % 2 === 0) cho [2, 4]. Không có phần tử nào thoả thì trả mảng rỗng []. Cần một phần tử đầu tiên thì dùng find, cần boolean thì dùng some.

Đáp án: B

undefined = "chưa có giá trị" do engine tự sinh: biến khai báo chưa gán, thuộc tính không tồn tại, hàm không return, tham số không truyền. null = "cố ý không có giá trị" do lập trình viên gán chủ động. Chúng khác kiểu (typeof undefined → "undefined", typeof null → "object"), nên null == undefined là true nhưng null === undefined là false.

Đáp án: D

In 1 5 [] rồi 7 9. Array destructuring: a=1, b thiếu phần tử nên nhận default 5, ...rest gom phần dư thành []. Object destructuring: { p: renamed } đổi tên key p sang biến renamed (7), còn q không tồn tại nên nhận default 9. Default chỉ kích hoạt khi giá trị là undefined.

Đáp án: C

Khác nhau khi a là falsy nhưng không phải null/undefined — tức 0, "", false. ?? chỉ fallback với null/undefined nên 0 ?? 5 → 0; còn || fallback với mọi falsy nên 0 || 5 → 5. Dùng ?? khi 0/chuỗi rỗng là giá trị hợp lệ (số lượng, cờ, volume); dùng || khi muốn coi cả rỗng là "thiếu".

Đáp án: A

In 52 rồi 3. Toán tử + bị overload: nếu bất kỳ toán hạng nào là chuỗi, nó nối chuỗi nên "5" + 2 cho "52". Còn - chỉ có nghĩa số học, buộc ép "5" về số 5, nên "5" - 2 cho 3.

Đáp án: B

In 8, 12, NaN. parseInt đọc từ trái, lấy phần số hợp lệ tới khi gặp ký tự không hợp lệ rồi dừng: "08" → 8 (radix mặc định là 10, không còn hiểu 0 đầu là octal), "12px" → 12, còn "px12" thất bại ngay ký tự đầu → NaN.

Đáp án: A

In string. typeof luôn trả về một chuỗi là tên kiểu. Nên typeof 1 cho "number", và áp typeof lần nữa lên chuỗi "number" sẽ cho "string". Bất kỳ typeof typeof x nào cũng luôn là "string".

Đáp án: A

In [1, 2] rồi undefined. Array.prototype.length là thuộc tính ghi được: gán length = 2 cắt bỏ mọi phần tử từ index 2 trở đi, và việc xóa là thật — arr[3] sau đó trả undefined. const không ngăn được vì nó chỉ khóa binding, không khóa nội dung object.

Đáp án: B

Đây là một lỗi lịch sử từ bản JavaScript đầu tiên năm 1995. Giá trị được lưu kèm một thẻ kiểu, và null biểu diễn bằng con trỏ rỗng nên bị đọc nhầm thành thẻ của object. Đề xuất sửa đã bị từ chối vì sẽ phá vỡ rất nhiều mã đang chạy trên web.

Đáp án: A

[10, 100, 9]. Không có hàm so sánh, sort() chuyển mỗi phần tử thành chuỗi rồi sắp theo thứ tự mã ký tự UTF-16. Chuỗi "10" nhỏ hơn "9" vì ký tự "1" đứng trước "9". Muốn sắp theo giá trị số phải viết nums.sort((a, b) => a - b).

Đáp án: A

find trả về phần tử đầu tiên thoả điều kiện, hoặc undefined nếu không có, và dừng duyệt ngay khi tìm thấy. filter luôn duyệt hết mảng và trả về mảng chứa mọi phần tử thoả điều kiện, hoặc mảng rỗng.

Đáp án: C

Nó ngắt biểu thức và trả về undefined thay vì ném TypeError. user?.address?.city cho undefined nếu user hoặc address là null/undefined, thay vì lỗi "Cannot read property of undefined". Toán tử cũng dùng được cho lời gọi hàm fn?.() và truy cập theo chỉ số arr?.[0].

Đáp án: B

Chỉ khi đối số là undefined — bao gồm cả trường hợp không truyền gì. Truyền null, 0, "" hay false thì tham số nhận đúng giá trị đó. Đây là điểm khác biệt quan trọng so với cách viết cũ a = a || 1, vốn ghi đè cả các giá trị falsy hợp lệ.

Đáp án: A

Ba trạng thái: pending (chưa có kết quả), fulfilled (có giá trị), rejected (có lý do thất bại). Chuyển trạng thái chỉ xảy ra một lần và không đảo ngược — sau khi đã fulfilled hay rejected thì mọi lời gọi resolve hoặc reject tiếp theo đều bị bỏ qua lặng lẽ.

Đáp án: D

Tới khi đóng tab. sessionStorage có phạm vi từng tab — mở cùng trang ở tab khác thì đó là vùng lưu trữ riêng biệt. localStorage thì tồn tại vô thời hạn cho tới khi bị xoá và dùng chung giữa mọi tab cùng origin.

Đáp án: D

"abc" — không đổi. Chuỗi trong JavaScript là bất biến, nên mọi phương thức như toUpperCase, trim, replace, slice đều trả về chuỗi mới và để nguyên chuỗi gốc. Muốn thay đổi phải gán lại: s = s.toUpperCase().

Đáp án: A

Chuỗi. toFixed dùng để định dạng số cho việc hiển thị nên luôn trả về chuỗi. Dùng kết quả trong phép cộng sẽ thành nối chuỗi: (1.5).toFixed(1) + 1 cho "1.51" chứ không phải 2.5.

Đáp án: A

Để tạo một phạm vi riêng. Trước ES6 chỉ có var, mà var theo phạm vi hàm chứ không theo khối, nên cách duy nhất để biến không lọt ra toàn cục là bọc mã trong một hàm rồi gọi ngay. Từ khi có let, const và ES Module thì nhu cầu này gần như không còn.

Đáp án: A

Closure là hàm "nhớ" được các biến ở lexical scope nơi nó được định nghĩa và vẫn truy cập được chúng sau khi hàm cha đã return. Cơ chế này cho phép giữ state riêng tư, tạo factory function, và là nền tảng của nhiều pattern như module hay currying.

Đáp án: C

In ra A D C B. Hai lệnh log đồng bộ chạy trước (A, D). Sau đó event loop dọn hết microtask (Promise callback → C) rồi mới lấy macrotask (setTimeout → B). Microtask luôn ưu tiên hơn macrotask.

Đáp án: C

Arrow function không tạo this của riêng nó; this được lấy từ lexical scope bao quanh nơi nó được viết. Vì thế call, apply, bind không đổi được this của arrow. Điều này giúp callback (vd trong setTimeout, map) giữ đúng this của method chứa nó.

Đáp án: C

In ra undefined rồi 5. Khai báo var x được hoist lên đầu function/global scope và tự khởi tạo undefined, còn phép gán x = 5 ở nguyên chỗ. Nên log đầu tiên (trước gán) là undefined, log sau là 5.

Đáp án: B, C, D

var là function-scoped, let/const là block-scoped và có TDZ; const khoá việc gán lại nhưng không đóng băng nội dung object. Ngược lại, var cho phép khai báo trùng tên trong cùng scope — chính let/const mới cấm điều đó.

Đáp án: A

In ra 3 3 3. Với var, cả ba closure chia sẻ một biến i duy nhất (function-scoped). Vòng lặp kết thúc khi i === 3, nên khi gọi các hàm sau đó tất cả đều đọc ra 3. Đổi var thành let sẽ cho 0 1 2 vì mỗi vòng lặp có binding i riêng.

Đáp án: B

async/await là lớp cú pháp trên Promise: await tạm dừng thân hàm async (không chặn luồng chính) cho tới khi Promise settle, giúp viết code bất đồng bộ theo lối tuần tự dễ đọc và bắt lỗi bằng try/catch. Bản chất vẫn là Promise nên hai phong cách trộn lẫn được.

Đáp án: D

Kết quả: object, number, false. typeof null trả "object" (một bug lịch sử được giữ lại vì tương thích ngược). NaN là giá trị đặc biệt thuộc kiểu number. 0.1 + 0.2 cho 0.30000000000000004 do biểu diễn dấu chấm động IEEE-754, nên === 0.3 là false.

Đáp án: C

In ra 1,2,34,5,6. Toán tử + khi gặp mảng sẽ gọi ToPrimitive, biến mỗi mảng thành chuỗi qua Array.prototype.join(","): "1,2,3" và "4,5,6". Vì có toán hạng chuỗi, + thực hiện nối chuỗi → "1,2,34,5,6". Muốn nối mảng thật, dùng concat hoặc [...a, ...b].

Đáp án: A, C, D

Shallow copy (spread {...obj}, Object.assign) chỉ sao chép cấp một; object/array lồng bên trong vẫn dùng chung tham chiếu. Deep copy (ưu tiên structuredClone) nhân bản đệ quy nên độc lập hoàn toàn. Lưu ý JSON.parse(JSON.stringify()) mất function/undefined/Date/Map và hỏng với circular reference.

Đáp án: D

reduce gộp cả mảng về một giá trị bằng cách chạy callback (accumulator, currentValue, index, array) trên từng phần tử; giá trị return mỗi bước trở thành accumulator của bước tiếp theo. Nên truyền initialValue làm tham số thứ hai để tránh lỗi với mảng rỗng và xác định rõ kiểu accumulator.

Đáp án: B, C, D

Cùng ký hiệu ... nhưng ngược nhau: spread trải iterable thành phần tử rời (lời gọi hàm, [...a], { ...o }), rest gom phần còn lại thành một Array (tham số (...args) hoặc destructuring). Rest phải đứng cuối. Spread chỉ shallow copy. Lưu ý spread mảng dùng iterator protocol, còn spread object copy own enumerable property nên hai cơ chế khác nhau.

Đáp án: C

Biến import là live binding — tham chiếu (read-only) tới giá trị export nên luôn thấy giá trị mới nhất khi module nguồn cập nhật, khác require của CommonJS copy giá trị lúc require. Ngoài ra: một module có nhiều named export + tối đa một default export; import là tĩnh (hoist, phân tích lúc parse), muốn nạp động dùng import().

Đáp án: A

Event delegation gắn một listener lên phần tử cha thay vì nhiều listener trên từng con, tận dụng event bubbling: sự kiện nổi từ phần tử phát sinh (event.target) lên cha, nơi handler xử lý tập trung. Ưu điểm: ít listener, tự động áp cho cả phần tử thêm động về sau. Phân biệt event.target (con bị tác động) với event.currentTarget (cha đang gắn listener).

Đáp án: A, C, D

Map cho key bất kỳ kiểu (object/function), giữ thứ tự chèn, có .size và iterable trực tiếp; plain object ép key về string/symbol và phải đếm qua Object.keys. Set chứa giá trị duy nhất (khử trùng lặp), không cho trùng như array. WeakMap/WeakSet chỉ nhận object, giữ weak reference (bị GC thì entry tự mất), không iterable — hợp gắn metadata mà không rò rỉ bộ nhớ.

Đáp án: D

In [1, NaN, NaN]. map truyền cả index làm tham số thứ hai, mà parseInt(string, radix) hiểu tham số đó là radix: parseInt(1, 0)=1, parseInt(2, 1)=NaN, parseInt(3, 2)=NaN. Muốn map thẳng, hãy bọc lại: .map(Number) hoặc .map((x) => parseInt(x, 10)).

Đáp án: A

In [1, 10, 2, 21]. Array.prototype.sort() không có comparator sẽ chuyển mỗi phần tử thành chuỗi rồi so sánh theo thứ tự mã UTF-16 (lexicographic): "1" < "10" < "2" < "21". Muốn sắp số đúng, truyền comparator: .sort((a, b) => a - b).

Đáp án: A

In object. Trong một hàm thường, arguments là một object array-like: nó có length và truy cập theo index, nhưng không phải Array thật (không có map, forEach...). typeof với mọi object đều cho "object" — JS không hề có kết quả "array".

Đáp án: A

In false. Toán tử > kết hợp trái nên tính 3 > 2 trước → true. Sau đó true > 1: true bị ép về số 1, nên thành 1 > 1 → false. JS không đọc 3 > 2 > 1 như bất đẳng thức kép trong toán học.

Đáp án: C

In -Infinity rồi Infinity. Khi gọi không đối số, Math.max() trả -Infinity và Math.min() trả Infinity. Đó là "phần tử trung tính" (identity) của mỗi phép: bất kỳ số thực nào cũng lớn hơn -Infinity và nhỏ hơn Infinity, nên kết quả nhất quán khi thêm phần tử.

Đáp án: C

In 0, 1, NaN, NaN. Unary + ép toán hạng về số qua ToPrimitive→ToNumber. Mảng chuyển thành chuỗi bằng join(","): []→""→0, [1]→"1"→1, [1, 2]→"1,2"→NaN (dấu phẩy không hợp lệ), {}→"[object Object]"→NaN.

Đáp án: D

In [1, null] rồi [1, 2]. Default trong destructuring chỉ kích hoạt khi giá trị là undefined — kể cả undefined gán tường minh. null là giá trị "có chủ đích" nên được giữ nguyên: b nhận null. Gọi pick() không đối số thì default = {} đỡ cho cả tham số, rồi a, b đều rơi về default riêng.

Đáp án: C

In undefined, guest, 0, 18. ?. gặp null/undefined thì ngắt mạch và trả undefined (luôn là undefined, không phải null). ?? chỉ fallback khi vế trái là null/undefined nên 0 ?? 18 giữ 0. Còn || fallback với mọi giá trị falsy (0, "", false...) nên 0 || 18 cho 18 — khác biệt then chốt giữa hai toán tử.

Đáp án: D

In 5, 10, 12. double là accessor property: gán counter.double = 10 gọi setter → count = 10/2 = 5. Đọc counter.double gọi getter → 5 × 2 = 10. Getter không cache — sau count++ (thành 6), lần đọc tiếp theo tính lại → 12. Cú pháp dùng như thuộc tính thường nhưng mỗi lần đọc/ghi là một lần gọi hàm.

Đáp án: A

Vì chuẩn IEEE-754 quy định NaN không bằng bất kỳ giá trị nào kể cả chính nó — nó biểu thị "không phải một số xác định", nên khẳng định hai giá trị không xác định bằng nhau là vô nghĩa. Kiểm tra đúng bằng Number.isNaN(x), hoặc Object.is(x, NaN). Tránh isNaN() toàn cục vì nó ép kiểu trước.

Đáp án: A

Để tạo khoá thuộc tính duy nhất. Mỗi lần gọi Symbol("mô tả") cho ra một giá trị hoàn toàn mới, kể cả khi mô tả trùng nhau, nên thêm thuộc tính vào một object dùng chung mà chắc chắn không ghi đè khoá của ai. Ngoài ra Symbol còn dùng cho các điểm mở rộng có sẵn của ngôn ngữ như Symbol.iterator.

Đáp án: C

slice(start, end) trả về một mảng mới chứa phần đã cắt và không đụng vào mảng gốc. splice(start, deleteCount, ...items) sửa trực tiếp mảng gốc — xoá và chèn tại chỗ — rồi trả về mảng chứa các phần tử vừa bị xoá.

Đáp án: C

Vì thuật toán so sánh khác nhau. indexOf dùng so sánh nghiêm ngặt (===), mà NaN === NaN là false nên không bao giờ tìm thấy. includes dùng SameValueZero — giống so sánh nghiêm ngặt nhưng coi NaN bằng chính nó — nên tìm được.

Đáp án: B

arr.flatMap(fn) tương đương arr.map(fn).flat(1) — ánh xạ từng phần tử rồi làm phẳng đúng một cấp. Hữu ích khi mỗi phần tử đầu vào sinh ra không hoặc nhiều phần tử đầu ra: trả về [] từ callback là loại bỏ phần tử đó khỏi kết quả.

Đáp án: B

Thay đổi object lồng bên trong. Object.freeze chỉ đóng băng một cấp: nó chặn thêm, sửa, xoá thuộc tính ở cấp ngoài cùng, nhưng nếu một thuộc tính trỏ tới object khác thì object đó vẫn sửa được bình thường. Muốn đóng băng sâu phải tự đệ quy.

Đáp án: B

Nó tạo ra một thuộc tính truy cập: đọc obj.x trông như đọc thuộc tính thường nhưng thực chất gọi hàm getter và trả về kết quả. Giá trị được tính lại ở mỗi lần đọc, không lưu sẵn. Getter đứng một mình thì thuộc tính là chỉ đọc; thêm setter mới ghi được.

Đáp án: D

Vì trong JavaScript, this được quyết định tại thời điểm gọi chứ không phải nơi định nghĩa. counter.increment() có this là counter nhờ cú pháp chấm. Truyền counter.increment đi là truyền tham chiếu hàm trần; khi nó được gọi thì không có object nào đứng trước nên this là undefined hoặc đối tượng toàn cục.

Đáp án: C

Vì trong lớp dẫn xuất, this chưa tồn tại cho tới khi super() chạy xong. Lớp cha là bên tạo ra object thật; lớp con nhận lại object đó rồi mới bổ sung phần của mình. Dùng this trước khi gọi sẽ ném ReferenceError.

Đáp án: A

Vì arrow function không tạo ràng buộc riêng cho arguments, giống như nó không tạo ràng buộc riêng cho this. Tham chiếu tới arguments bên trong arrow sẽ lấy của hàm thường bao ngoài, hoặc gây ReferenceError nếu không có hàm nào bao ngoài. Cách thay thế đúng là dùng tham số rest (...args).

Đáp án: D

Vì try/catch chỉ bảo vệ những gì chạy trong cùng ngăn xếp lời gọi. setTimeout đăng ký callback rồi trả về ngay, khối try kết thúc. Khi event loop lấy callback ra chạy, nó bắt đầu một ngăn xếp mới hoàn toàn — khối try lúc đó không còn tồn tại.

Đáp án: B

for await chờ mỗi Promise ngã ngũ rồi mới sang vòng tiếp — tuần tự, và lỗi bắt được bằng try/catch. forEach bỏ qua giá trị callback trả về, nên các hàm async chạy chồng lấn, hàm bao ngoài kết thúc trước khi chúng xong, và lỗi trong callback trở thành unhandled rejection.

Đáp án: C

Sau khi toàn bộ mã đồng bộ hiện tại chạy xong và hàng đợi microtask đã được xả sạch. Số 0 chỉ nghĩa là "không chờ thêm", không phải "chạy ngay". Ngoài ra trình duyệt còn ép mức tối thiểu khoảng 4 mili giây với các timer lồng nhau từ cấp 5 trở đi.

Đáp án: C

Để huỷ tác vụ bất đồng bộ đang chạy. Tạo const c = new AbortController(), truyền c.signal vào fetch (hoặc addEventListener), rồi gọi c.abort() khi cần dừng. Request bị huỷ và Promise reject với lỗi tên AbortError.

Đáp án: B

2. Khối finally luôn chạy trước khi hàm thực sự trả về, và nếu nó chứa return thì giá trị đó thay thế giá trị đã chuẩn bị trong try. Đây là lý do không nên đặt return trong finally — nó âm thầm nuốt cả giá trị lẫn ngoại lệ.

Đáp án: B

Để giữ dấu vết stack và phân loại được lỗi. Object thường không có stack nên mất thông tin về nơi phát sinh. Lớp riêng cho phép viết if (e instanceof ValidationError) để xử lý từng loại khác nhau, và mang thêm trường riêng như mã lỗi hay danh sách trường sai.

Đáp án: C

import() là biểu thức chạy lúc runtime và trả về Promise, nên đặt được trong hàm, trong nhánh if, hoặc gọi khi người dùng thực hiện thao tác nào đó. import ở đầu file được phân tích tĩnh, luôn nạp, và bắt buộc nằm ở cấp ngoài cùng.

Đáp án: A

Ba pha: capture đi từ window xuống dần tới phần tử đích, target tại chính phần tử phát sinh, rồi bubble nổi ngược lên. addEventListener mặc định đăng ký ở pha bubble; truyền { capture: true } để bắt ở pha đi xuống.

Đáp án: C

preventDefault() chặn hành vi mặc định của trình duyệt — link không điều hướng, form không gửi đi — nhưng sự kiện vẫn tiếp tục lan. stopPropagation() chặn sự kiện đi tiếp tới các phần tử cha nhưng hành vi mặc định vẫn xảy ra. Hai việc độc lập, cần cả hai thì gọi cả hai.

Đáp án: C

Vì DOMContentLoaded chỉ chờ HTML được phân tích xong và cây DOM dựng đầy đủ. load còn chờ mọi tài nguyên phụ tải xong — ảnh, iframe, stylesheet, font — nên thường tới muộn hơn hàng trăm mili giây tới vài giây.

Đáp án: A

Nó giữ đúng Date, Map, Set, RegExp, ArrayBuffer và xử lý được tham chiếu vòng. Cách cũ biến Date thành chuỗi, làm mất Map/Set, bỏ qua undefined và hàm, và ném lỗi khi gặp tham chiếu vòng.

Đáp án: B

"a+b-c". Khi tham số thứ nhất là chuỗi, replace chỉ thay lần xuất hiện đầu tiên. Muốn thay hết, dùng replaceAll("-", "+") hoặc biểu thức chính quy có cờ toàn cục: replace(/-/g, "+").

Đáp án: D

parseInt("12px") cho 12, còn Number("12px") cho NaN. parseInt đọc từ đầu chuỗi và dừng ở ký tự không hợp lệ đầu tiên, trả về phần đã đọc được. Number yêu cầu toàn bộ chuỗi phải là một số hợp lệ, chỉ cần một ký tự lạ là trả về NaN.

Đáp án: A

Khoảng từ đầu khối chứa khai báo cho tới chính dòng khai báo. Trong khoảng này biến đã tồn tại (đã được hoisting) nhưng chưa khởi tạo, nên truy cập nó ném ReferenceError. Khác với var, vốn được khởi tạo sẵn bằng undefined nên truy cập sớm không báo lỗi.

Đáp án: D

Chỉ khi a là null hoặc undefined. Đây là dạng gán ngắn gọn của nullish coalescing, tương đương a = a ?? b. Khác với ||=, nó giữ nguyên các giá trị falsy hợp lệ như 0, "" và false.

Đáp án: C

Dùng API định dạng theo vùng có sẵn của ngôn ngữ. Nó xử lý sẵn dấu phân nhóm, vị trí ký hiệu tiền tệ và số chữ số thập phân theo quy ước từng vùng, và không cần thêm thư viện nào.

Đáp án: D

Chuyển thành mảng các cặp khoá giá trị, biến đổi, rồi dựng lại object. Hai hàm chuyển đổi qua lại cho phép dùng mọi phương thức mảng ở giữa mà không phải viết vòng lặp thủ công.

Đáp án: A

Dùng phương thức tìm kiếm duyệt ngược từ cuối mảng. Nó dừng ngay khi gặp phần tử khớp đầu tiên tính từ cuối, nên không phải đảo ngược mảng và không tạo bản sao trung gian nào.