Object initializer (khởi tạo đối tượng) là biểu thức cho phép khởi tạo một đối tượng mới. Nó là danh sách các cặp tên thuộc tính và giá trị tương ứng, phân cách bằng dấu phẩy, được bao quanh bởi cặp ngoặc nhọn {}.
Ví dụ
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Object initializer</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>Khởi tạo đối tượng trong JavaScript</h1> <div class="result"></div> <br /> <button class="Btn">NHẤN VÀO ĐÂY</button> <h3>Nhấn nút để khởi tạo đối tượng bằng object initializer và hiển thị</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let name = "Rohan"; let age = 22; let place = "Delhi"; const person = { name, age, place }; BtnEle.addEventListener("click", () => { resEle.innerHTML = "person.name = " + person.name + "<br>"; resEle.innerHTML += "person.age = " + person.age + "<br>"; resEle.innerHTML += "person.place = " + person.place + "<br>"; }); </script> </body> </html>
Kết quả
Khi nhấn nút, hiển thị:
- person.name = Rohan
- person.age = 22
- person.place = Delhi
Ví dụ trên minh họa property shorthand (viết tắt thuộc tính) của ES6: khi tên biến trùng với tên thuộc tính, ta chỉ cần viết tên biến một lần ({ name, age, place } thay vì { name: name, age: age, place: place }).