Typescript ใช้คีย์เวิร์ด 'const' และประเภทยูทิลิตี้ 'อ่านอย่างเดียว' เป็นประเภทข้อมูลสำหรับการเริ่มต้นตัวแปรหรือคุณสมบัติ ตามชื่อและฟังก์ชันการทำงาน ข้อมูลทั้งสองประเภทนี้ค่อนข้างแตกต่างกัน แต่บางครั้งผู้ใช้อาจสับสนเมื่อใช้ในซอร์สโค้ดเดียวกัน คู่มือนี้จะอธิบายความแตกต่างระหว่างคีย์เวิร์ด 'const' ของ TypeScript และประเภทยูทิลิตี้ 'อ่านอย่างเดียว'
ขั้นแรก ให้ดูที่พื้นฐานของประเภทยูทิลิตี้ 'const' และ 'อ่านอย่างเดียว'
คำหลัก 'const' ของ TypeScript คืออะไร
“ คอสต์ ” คำหลักระบุว่าตัวแปรที่กำหนดเป็นค่าคงที่ซึ่งหมายความว่าไม่สามารถแก้ไขค่าได้เมื่อกำหนดแล้ว จะถือว่าตัวแปรที่ระบุเป็นค่าคงที่ในเวลาคอมไพล์
มาดูกันจริงด้วยความช่วยเหลือของโค้ดที่ให้มา
รหัส
คัดลอกบรรทัดรหัสในไฟล์ '.ts' ของโครงการ TypeScript:
ส่วนประกอบ = 100 ;ก = ห้าสิบ ;
คอนโซล.ล็อก ( ก ) ;
ในบรรทัดรหัสที่ระบุไว้ข้างต้น:
-
- “ คอสต์ ” คำสำคัญเริ่มต้น “ ก ” เป็นตัวแปรคงที่
- ถัดไป ค่าคงที่ของตัวแปร 'a' จะถูกแก้ไข
- สุดท้ายนี้ “ บันทึก() ” วิธีการแสดงค่าตัวแปร “a”
จะเห็นได้ว่าตัวแก้ไขยังสร้างข้อผิดพลาดในการแก้ไขค่าตัวแปร 'a' คงที่หลังจากการเริ่มต้น
เอาต์พุต
ทีเอสซี เมน.ทีเอส // รวบรวมไฟล์ .tsโหนด main.js // เรียกใช้ไฟล์ .js
สังเกตได้ว่าระหว่างการคอมไพล์จะเกิดข้อผิดพลาดที่ระบุค่าตัวแปร 'a' ไม่สามารถเปลี่ยนแปลงได้เนื่องจากเป็นค่าคงที่
ประเภทยูทิลิตี้ Typescript แบบอ่านอย่างเดียวคืออะไร
ตอนนี้ไปยังความแตกต่างระหว่างคีย์เวิร์ด 'const' ของ TypeScript และประเภทยูทิลิตี้ 'อ่านอย่างเดียว'
อธิบาย TypeScript “const” vs “readonly” Utility Type
ความแตกต่างที่สำคัญระหว่างคีย์เวิร์ด 'const' ของ TypeScript และประเภทยูทิลิตี้ 'อ่านอย่างเดียว' ระบุไว้ที่นี่:
-
- การทำงาน: คีย์เวิร์ด 'const' ระบุว่าไม่สามารถแก้ไขค่า 'ตัวแปร' ได้หลังจากเริ่มต้น ในขณะที่ประเภทยูทิลิตี้ 'อ่านอย่างเดียว' ระบุว่าไม่สามารถเปลี่ยนค่า 'คุณสมบัติ/ตัวแปร' ได้เมื่อตั้งค่าแล้ว
- การใช้งาน: คำหลัก 'const' ใช้สำหรับตัวแปรเท่านั้นที่จะทำให้คงที่ ในทางกลับกัน ยูทิลิตีประเภท 'อ่านอย่างเดียว' ใช้สำหรับ 'คุณสมบัติและตัวแปร' ที่เป็นส่วนหนึ่งของอินเทอร์เฟซหรือวัตถุ
- การปรับเปลี่ยน: ไม่สามารถแก้ไขตัวแปร 'const' ได้เลย ในขณะที่คุณสมบัติ 'อ่านอย่างเดียว' สามารถแก้ไขรันไทม์ได้ด้วยความช่วยเหลือของเมธอด JavaScript
บทสรุป
ใน TypeScript ตัว “ คอสต์ ” คำหลัก และ “ อ่านเท่านั้น ” ประเภทสาธารณูปโภคแตกต่างกันตาม “ การทำงาน ”, “ การใช้งาน ', และ ' การปรับเปลี่ยน ' ปัจจัย. ความแตกต่างที่สำคัญระหว่างพวกเขาคือ 'const' ทำให้ตัวแปรคงที่เท่านั้นในขณะที่ 'readonly' ทำให้ทั้งตัวแปรและคุณสมบัติคงที่ คู่มือนี้อธิบายประเภทยูทิลิตี้ TypeScript “const” vs “readonly” อย่างลึกซึ้ง