บทช่วยสอนนี้จะสาธิตขั้นตอนในการสร้าง enums คงที่ใน JavaScript
ฉันจะรับประกันได้อย่างไรว่าคำจำกัดความ Enums ของฉันจะไม่เปลี่ยนแปลงใน JavaScript
เพื่อสร้างค่าคงที่” อีนุม ” ใน JavaScript ให้ใช้ปุ่ม “ Object.freeze() ' วิธี. ทำให้วัตถุไม่เปลี่ยนรูป ไม่เปลี่ยนแปลง หรืออ่านอย่างเดียว ป้องกันการแก้ไขคุณสมบัติของวัตถุ เช่น การเพิ่มหรือลบแอตทริบิวต์ของวัตถุ หรือการอัพเดตค่าของคุณสมบัติที่มีอยู่
ตัวอย่าง
ขั้นแรก สร้าง enum “ ขนาด ” โดยใช้ตัวอักษรของวัตถุโดยที่คุณสมบัติของวัตถุจะเป็นตัวพิมพ์ใหญ่:
คอสต์ ขนาด = {
เล็ก : 'เล็ก' ,
ปานกลาง : 'ปานกลาง' ,
ใหญ่ : 'ใหญ่'
} ;
โทรหา “ Object.freeze() ” วิธีการและส่ง enum เป็นอาร์กิวเมนต์เพื่อทำให้คำจำกัดความของ enum ไม่สามารถเปลี่ยนแปลงได้:
วัตถุ . แช่แข็ง ( ขนาด ) ;
พิมพ์ enum ชื่อ “ ขนาด ” บนคอนโซล:
คอนโซล บันทึก ( ขนาด ) ;
เอาต์พุต
ที่นี่เราจะได้เฉพาะค่าของคุณสมบัติของวัตถุหรือ enum โดยใช้ ' Object.values() ” วิธีการและแสดงค่าทั้งหมดเทียบกับแต่ละแอตทริบิวต์บนคอนโซล:
คอสต์ ขนาด = วัตถุ . ค่า ( ขนาด ) ;
คอนโซล บันทึก ( ขนาด ) ;
ผลลัพธ์แสดงอาร์เรย์ของค่า enum:
ตอนนี้เราจะพยายามเพิ่มค่าคงที่ใหม่ “ ขนาดใหญ่ ” ด้วยคุณค่า “ ขนาดใหญ่ ” ไปยังวัตถุ enum และพิมพ์วัตถุบนคอนโซล:
ขนาด. ขนาดใหญ่ = 'ใหญ่' ;คอนโซล บันทึก ( ขนาด ) ;
ผลลัพธ์แสดงว่าไม่มีการเพิ่มค่าคงที่ใหม่ในวัตถุ enum:
ตอนนี้มาเปลี่ยนหรือปรับปรุงค่าคงที่ “ เล็ก ' เช่น ' เอสเอ็ม ”:
ขนาด. เล็ก = 'เอสเอ็ม' ;พิมพ์ค่าคงที่ของวัตถุ enum โดยใช้เมธอด “Object.values()”:
คอสต์ ขนาด = วัตถุ . ค่า ( ขนาด ) ;คอนโซล บันทึก ( ขนาด ) ;
จะไม่อัปเดตค่าคงที่ “SMALL”:
ในขณะที่ไม่ได้ใช้งาน “ Object.freeze() ” วิธีการ คุณสามารถแก้ไขคุณสมบัติของวัตถุได้อย่างง่ายดาย:
นั่นคือทั้งหมดที่เกี่ยวกับการรับประกันว่าคำจำกัดความของ enums จะไม่เปลี่ยนแปลงใน JavaScript
บทสรุป
เพื่อสร้างความคงที่” อีนุม ” ใน JavaScript ให้ใช้ “ Object.freeze() ” วิธีการที่ป้องกันการเพิ่มหรือลบค่าคงที่ของ enum หรือการอัพเดทค่าของค่าคงที่ที่มีอยู่ มันทำให้วัตถุไม่เปลี่ยนรูปหรือไม่เปลี่ยนแปลง บทช่วยสอนนี้แสดงขั้นตอนในการสร้าง enums คงที่ใน JavaScript