WorksheetsFrontend_ReactJS_SS28
Total questions: 20
Worksheet time: 10mins
Trong JavaScript, cơ chế đồng bộ (synchronous) là gì?
Mọi tác vụ đều được đưa vào hàng đợi chờ
Mọi đoạn mã được thực thi cùng lúc
Mỗi dòng mã được thực thi theo thứ tự từ trên xuống dưới
Các tác vụ được xử lý bất đồng bộ, không theo thứ tự
Điểm hạn chế lớn nhất của cơ chế đồng bộ trong JavaScript là gì ?
Khó viết code
Không thể gọi hàm
Không chạy được trên trình duyệt cũ
Làm treo trình duyệt nếu tác vụ mất thời gian dài
Tác vụ nào dưới đây thường được xử lý bằng bất đồng bộ trong JavaScript?
TÍnh tổng hai số
Gọi API lấy dữ liệu từ server
Gán giá trị cho biến
Khai báo hàm
Kết quả in ra là gì?
A B C
A C B
C A B
B A C
Callback function trong JavaScript là gì?
Một hàm được truyền làm đối số cho hàm khác và được gọi sau khi tác vụ hoàn tất
Một hàm nội bộ trong console.log()
Một hàm chạy trước các tác vụ bất đồng bộ
Một hàm được gọi lại nhiều lần trong vòng lặp
Kết quả nào đúng nhất?
In ra lỗi callback không tồn
Không in ra gì cả
In ra: “Fetching data...” → (sau 0.5s) “Here is your data”
In ra: “Here is your data” ngay lập tức
Kết quả in ra là gì ?
Error
Không có gì xảy ra
undefined
Success
Kết quả in ra là gì?
1: Next
2: OK
Lỗi
1: OK
2: Next
1: OK
2: undefined
Kết quả in ra là gì?
Lỗi runtime
Error: Oops
undefined
Success
Kết quả in ra gì?
1
2
3
4
Điều gì xảy ra nếu một trong các Promise trong Promise.all() bị reject?
Toàn bộ Promise.all() bị reject
Tự động retry Promise bị lỗi
Không có gì xảy ra
Các Promise còn lại vẫn tiếp tục
A
[A, B]
B
Không xác định được
Kết quả in ra là gì?
Error
Success
Fail
Không có gì in ra
undefined
Failure
Error
Caught: Failure
Đoạn mã trên sẽ:
In ra 42
In ra Promise
In ra undefined
Lỗi vì dùng await ngoài async
Với route /user/:id, khi bạn truy cập /user/15, giá trị id trả về bởi useParams() là gì?
"user/15"
{ userId: 15 }
"15"
{ id: "15" }
Giả sử có cấu hình sau, đường dẫn nào sẽ render <Profile /> bên trong <User />?
/profile
/userprofile
/user/profile
/user-profile
Giả sử bạn có const navigate = useNavigate();
dòng nào đúng để chuyển hướng tới /dashboard
navigate("/dashboard");
navigate.to("/dashboard");
redirect("/dashboard");
navigate.push("/dashboard");
Thành phần nào dùng để định nghĩa các tuyến đường (route) trong React Router v6?
<Router>
<Navigation>
<Switch>
<BrowserRouter> và <Route>
Khi bạn gọi const [count, setCount] = useState(0);, biến count và hàm setCount lần lượt đại diện cho điều gì?
count là số lần component render, setCount là hàm re-render
count là giá trị ban đầu của state, setCount dùng để thay đổi biến thường
count là state hiện tại, setCount là hàm dùng để cập nhật giá trị state
count là props, setCount là hàm thay đổi props
