Cú pháp spread (...) cho phép mở rộng một mảng hoặc bất kỳ iterable nào thành nhiều đối số riêng lẻ trong lời gọi hàm.
Ví dụ
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Toán tử spread</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; color: blueviolet; } </style> </head> <body> <h1>Toán tử spread trong lời gọi hàm</h1> <div class="result"></div> <br /> <button class="Btn">NHẤN VÀO ĐÂY</button> <h3>Nhấn nút để dùng spread operator truyền tham số cho hàm add()</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); function add(a, b, c, d) { return a + b + c + d; } let arr = [1, 2, 3, 4]; BtnEle.addEventListener("click", () => { resEle.innerHTML = add(...arr); }); </script> </body> </html>
Kết quả
Kết quả hiển thị: 10 (tổng của 1+2+3+4).
Toán tử spread thay thế hoàn toàn cho Function.prototype.apply() cũ, làm cho code ngắn gọn và dễ đọc hơn. Nó cũng hoạt động với bất kỳ iterable nào (Set, Map, arguments, v.v.).