Bộ khởi tạo đối tượng là một biểu thức cho phép chúng ta khởi tạo một đối tượng mới được tạo. Đây là danh sách được phân tách bằng dấu phẩy gồm không hoặc nhiều cặp tên thuộc tính và các giá trị liên quan của anobject được đặt trong một cặp dấu ngoặc nhọn {}.
Sau đây là mã cho trình khởi tạo đối tượng trong JavaScript.
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</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>Object initializer in JavaScript</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to initialize an object with object initializer and display it</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> Đầu ra
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
