ก่อนหน้านี้เป็นกระบวนการสองขั้นตอน เพื่อสร้างคุณสมบัติในวัตถุ แต่ การถือกำเนิดของ ES6 ทำให้งานง่ายมาก ใน ขั้นตอนเดียว เราสามารถสร้างคุณสมบัติแบบไดนามิกได้ มาพูดคุยกันสั้นๆ
วิธีการแบบเก่า (ขั้นตอนที่ 2 ขั้นตอน)
ตัวอย่าง
ในตัวอย่างต่อไปนี้ คุณสมบัติ แทนที่จะประกาศในตัววัตถุ ถูกประกาศ นอก วัตถุทำให้เป็นกระบวนการสองขั้นตอน
<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> ผลลัพธ์
{"id":1,"name":"nani"}
วิธี ES6
ตัวอย่าง
ในตัวอย่างต่อไปนี้ คุณสมบัติของอ็อบเจ็กต์ถูกประกาศโดยตรงในตัวอ็อบเจ็กต์เอง แทนที่จะประกาศภายนอกอ็อบเจ็กต์ ทำให้เป็นกระบวนการ 1 ขั้นตอน
<html>
<body>
<script>
let person = 'name';
let student = {
id: 1,
[person] : "nani"
};
document.write(JSON.stringify(student));
</script>
</body>
</html> ผลลัพธ์
{"id":1,"name":"nani"} 