Trước đây, đây là một quy trình hai bước để tạo thuộc tính trong một đối tượng nhưng sự ra đời của ES6 đã làm cho nhiệm vụ rất đơn giản. Chỉ trong một bước chúng ta có thể tạo một thuộc tính động. Hãy thảo luận ngắn gọn về nó.
Phương pháp cũ (quy trình 2 bước)
Ví dụ
Trong ví dụ sau, thuộc tính , thay vì khai báo trong chính đối tượng, được khai báo bên ngoài đối tượng, biến nó thành một quy trình hai bước.
<html>
<body>
<script>
let person = 'name';
let student = { // step-1
id: 1,
};
student[person] = 'nani'; // step-2
document.write(JSON.stringify(student));
</script>
</body>
</html> Đầu ra
{"id":1,"name":"nani"}
Phương pháp ES6
Ví dụ
Trong ví dụ sau, thuộc tính của đối tượng được khai báo trực tiếp trong chính đối tượng thay vì khai báo nó bên ngoài đối tượng, làm cho nó trở thành một quy trình 1 bước
<html>
<body>
<script>
let person = 'name';
let student = {
id: 1,
[person] : "nani"
};
document.write(JSON.stringify(student));
</script>
</body>
</html> Đầu ra
{"id":1,"name":"nani"}