สรุปและแบ่งปันความรู้เกี่ยวกับตัวแปร JavaScript และประเภทข้อมูล

วิธีเริ่มต้นใช้งาน VUE3.0 อย่างรวดเร็ว: เข้าสู่การเรียนรู้

1. แนวคิดของ

ตัวระบุ

: ในการพัฒนาโปรแกรมมักจำเป็นต้องปรับแต่งสัญลักษณ์บางตัวเพื่อทำเครื่องหมายชื่อบางชื่อและกำหนดการใช้งานเฉพาะ เช่น ชื่อตัวแปร ชื่อฟังก์ชัน เป็นต้น สัญลักษณ์เหล่านี้เรียกว่าตัวระบุ

กฎคำจำกัดความ

• ประกอบด้วยตัวอักษรพิมพ์ใหญ่และพิมพ์เล็ก ตัวเลข ขีดล่าง และเครื่องหมายดอลลาร์ ($)
• ไม่สามารถเริ่มต้นด้วยตัวเลขได้
• คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่อย่างเคร่งครัด
• ไม่สามารถตั้งชื่อโดยใช้คำหลักใน JavaScript
• เราควรพยายามอย่างเต็มที่ที่จะ "รู้ความหมายของมันเมื่อเราเห็นชื่อของมัน"

ตัวระบุทางกฎหมายคือ: it, It, age66, _age, $name

ตัวระบุที่ผิดกฎหมายคือ: to, to, 798lu

โปรดทราบว่า

เมื่อต้องใช้คำหลายคำในตัวระบุ วิธีการแสดงทั่วไปคือวิธีการขีดเส้นใต้ (เช่น user_name ) กรณีอูฐ (เช่นชื่อผู้ใช้) และวิธีการปาสคาล (เช่นชื่อผู้ใช้) ผู้อ่านสามารถรวมและสร้างมาตรฐานให้กับวิธีการตั้งชื่อได้ตามความต้องการในการพัฒนา ตัวอย่างเช่น โดยทั่วไปวิธีการขีดเส้นใต้จะใช้สำหรับการตั้งชื่อตัวแปร และวิธีการใช้กรณีอูฐมักจะใช้ในการตั้งชื่อฟังก์ชัน

คีย์เวิร์ด

ที่สงวนไว้: หมายถึงคำที่ถูกกำหนดไว้ล่วงหน้าและให้ความหมายพิเศษในภาษา JavaScript

คีย์เวิร์ดที่สงวนไว้ในอนาคต: หมายถึงคำที่สงวนไว้และอาจกลายเป็นคีย์เวิร์ดที่สงวนไว้ในอนาคต

คำสำคัญที่สงวนไว้

ไม่สามารถใช้คีย์เวิร์ดเป็นชื่อตัวแปรและชื่อฟังก์ชันได้ มิฉะนั้นข้อผิดพลาดทางไวยากรณ์จะเกิดขึ้นระหว่างการโหลด JavaScript

คีย์เวิร์ดที่สงวนไว้สำหรับอนาคต

เมื่อกำหนดตัวระบุ ขอแนะนำว่าอย่าใช้คีย์เวิร์ดที่สงวนไว้ในอนาคต เพื่อหลีกเลี่ยงข้อผิดพลาดเมื่อแปลงเป็นคีย์เวิร์ดในอนาคต

การใช้ตัวแปร

: ตัวแปรถือได้ว่าเป็นคอนเทนเนอร์สำหรับจัดเก็บข้อมูล

ตัวอย่างเช่น น้ำที่ถือถ้วย ถ้วยหมายถึงตัวแปร และน้ำในถ้วยหมายถึงข้อมูลที่เก็บไว้ในตัวแปร

ไวยากรณ์: โดยปกติแล้วตัวแปรใน JavaScript จะถูกประกาศโดยใช้คีย์เวิร์ด var และกฎการตั้งชื่อสำหรับชื่อตัวแปรจะเหมือนกับตัวระบุ

ตัวอย่าง: ชื่อตัวแปรทางกฎหมาย (เช่น number, _it123), ชื่อตัวแปรที่ไม่ถูกต้อง (เช่น 88shout, &num)

• สำหรับตัวแปรที่ไม่ได้กำหนดค่าเริ่มต้น ค่าเริ่มต้นจะถูกตั้งค่าเป็นไม่ได้กำหนด
• เครื่องหมายอัฒภาคที่ท้ายบรรทัดแสดงถึงจุดสิ้นสุดของคำสั่ง
• ตัวดำเนินการเครื่องหมายจุลภาค (,) ระหว่างตัวแปรสามารถรับรู้การประกาศตัวแปรหลายตัวพร้อมกันในคำสั่งเดียว

การกำหนดตัวแปร

โปรดทราบว่า

แม้ว่าตัวแปรใน JavaScript สามารถกำหนดได้โดยไม่ต้องประกาศล่วงหน้า แต่คีย์เวิร์ด var สามารถละเว้นได้โดยตรงเพื่อกำหนดค่าให้กับตัวแปร อย่างไรก็ตาม เนื่องจาก JavaScript ใช้การคอมไพล์แบบไดนามิก จึงไม่ใช่เรื่องง่ายที่จะค้นหาข้อผิดพลาดในโค้ดเมื่อโปรแกรมกำลังทำงาน ดังนั้น ขอแนะนำให้ผู้อ่านพัฒนานิสัยที่ดีในการประกาศตัวแปรก่อนใช้งาน

กำหนด

ค่าคงที่: ค่าคงที่สามารถเข้าใจได้ว่าเป็นปริมาณที่มีค่าไม่เคยเปลี่ยนแปลงระหว่างการเรียกใช้สคริปต์

คุณสมบัติ: เมื่อกำหนดแล้ว จะไม่สามารถแก้ไขหรือกำหนดใหม่ได้

ตัวอย่างเช่น Pi ในทางคณิตศาสตร์เป็นค่าคงที่ และค่าของมันคงที่และไม่สามารถเปลี่ยนแปลงได้

ไวยากรณ์: คำสำคัญ const เป็นคำใหม่ใน ES6 ซึ่งใช้เพื่อกำหนดค่าคงที่

กฎการตั้งชื่อคงที่: ปฏิบัติตามกฎการตั้งชื่อตัวระบุ เป็นเรื่องปกติที่จะใช้อักษรตัวพิมพ์ใหญ่เสมอสำหรับชื่อคงที่

ค่าคงที่: ค่าคงที่อาจเป็นข้อมูลเฉพาะเมื่อมีการกำหนด หรืออาจเป็นค่าของนิพจน์หรือตัวแปรก็ได้

• เมื่อกำหนดค่าคงที่แล้ว จะไม่สามารถเปลี่ยนแปลงได้
• ค่าคงที่จะต้องได้รับการกำหนดค่าเมื่อมีการประกาศ

2. ประเภทข้อมูล

การจำแนกประเภทข้อมูล

ข้อมูลใน JavaScript: เมื่อใช้หรือกำหนดค่า ให้กำหนดประเภทที่เกี่ยวข้องตามเนื้อหาเฉพาะของการตั้งค่า

แต่ภาษาคอมพิวเตอร์ทุกภาษามีประเภทข้อมูลที่รองรับเป็นของตัวเอง และ JavaScript ก็ไม่มีข้อยกเว้น

ประเภทข้อมูลอ้างอิงจะแนะนำโดยละเอียดในบทต่อๆ ไป

ชนิดข้อมูลพื้นฐาน - บูลีน

ประเภทบูลีนเป็นหนึ่งในประเภทข้อมูลที่ใช้กันทั่วไปใน JavaScript และมักใช้สำหรับการตัดสินเชิงตรรกะ

ture | false

แสดงถึง "จริง" และ "เท็จ" ของสิ่งต่าง ๆ ตามกรณีอย่างเคร่งครัด ดังนั้นค่าจริงและเท็จจะแสดงเฉพาะประเภทบูลีนเมื่อเป็นตัวพิมพ์เล็กทั้งหมด

ประเภทข้อมูลพื้นฐาน - ประเภทตัวเลข

ประเภทตัวเลขใน JavaScript ไม่ได้แยกความแตกต่างระหว่างจำนวนเต็มและตัวเลขทศนิยม ตัวเลขทั้งหมดเป็นประเภทตัวเลข

• เพิ่มเครื่องหมาย "-" เพื่อระบุจำนวนลบ
• เพิ่มเครื่องหมาย "+" เพื่อแสดงจำนวนบวก (โดยปกติจะละเว้น "+")
• ตั้งค่าเป็น NaN เพื่อระบุค่าที่ไม่ใช่ตัวเลข

ตราบใดที่ค่าที่กำหนดไม่เกินช่วงที่อนุญาตสำหรับข้อกำหนดเชิงตัวเลขใน JavaScript

NaN ที่ไม่ใช่ตัวเลข

• NaN เป็นคุณสมบัติของวัตถุโกลบอล และค่าเริ่มต้นคือ NaN
• เช่นเดียวกับค่าพิเศษ NaN ในประเภทตัวเลข ทั้งสองค่าเป็นตัวแทนไม่ใช่ตัวเลข
• สามารถใช้เพื่อระบุว่าข้อมูลบางอย่างเป็นประเภทตัวเลขหรือไม่
• NaN ไม่มีค่าที่แน่นอน แต่แสดงถึงช่วงของประเภทที่ไม่ใช่ตัวเลขเท่านั้น
• ตัวอย่างเช่น เมื่อเปรียบเทียบ NaN กับ NaN ผลลัพธ์อาจไม่เป็นจริง (จริง) เนื่องจากข้อมูลที่ดำเนินการอยู่อาจเป็นบูลีน อักขระ null ชนิดใดก็ได้ ไม่ได้กำหนด และอ็อบเจ็กต์

ประเภทข้อมูลพื้นฐาน -

ประเภทอักขระ ประเภทอักขระ (สตริง) คือลำดับอักขระที่ประกอบด้วยอักขระ Unicode ตัวเลข ฯลฯ โดยทั่วไปเราเรียกลำดับอักขระนี้ว่าสตริง

ฟังก์ชั่น: แสดงถึงประเภทข้อมูลของข้อความ

ไวยากรณ์: ข้อมูลอักขระในโปรแกรมอยู่ในเครื่องหมายคำพูดเดี่ยว (") หรือเครื่องหมายคำพูดคู่ ("")

• สตริงที่คั่นด้วยเครื่องหมายคำพูดเดี่ยวสามารถมีเครื่องหมายคำพูดคู่ได้
• เครื่องหมายคำพูดเดี่ยวสามารถรวมไว้ในสตริงที่คั่นด้วยเครื่องหมายคำพูดคู่ได้

คำถาม: จะใช้เครื่องหมายคำพูดเดี่ยวภายในเครื่องหมายคำพูดเดี่ยวหรือเครื่องหมายคำพูดคู่ภายในเครื่องหมายคำพูดคู่ได้อย่างไร

คำตอบ: ใช้อักขระหลีก "" เพื่อหลีก

เมื่อใช้สัญลักษณ์พิเศษ เช่น ขึ้นบรรทัดใหม่และ Tab ในสตริง คุณต้องใช้อักขระหลีก "" ด้วย

ชนิดข้อมูลพื้นฐาน - Null

• ประเภท Null (Null) มีค่า Null พิเศษเท่านั้น
• ประเภทว่างถูกใช้เพื่อแสดงวัตถุและที่อยู่ที่ไม่มีอยู่จริงหรือไม่ถูกต้อง
• JavaScript คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ ดังนั้นค่าตัวแปรจะแสดงเฉพาะค่าว่างหากเป็นค่าว่างตัวพิมพ์เล็ก

ประเภทข้อมูลพื้นฐาน - ประเภทที่ไม่ได้กำหนด

• ประเภทที่ไม่ได้กำหนด (ไม่ได้กำหนด) มีเพียงค่าที่ไม่ได้กำหนดพิเศษเท่านั้น
• ประเภทที่ไม่ได้กำหนดจะใช้เมื่อไม่ได้เตรียมใช้งานตัวแปรที่ประกาศไว้ และค่าเริ่มต้นของตัวแปรไม่ได้ถูกกำหนดไว้
• ต่างจาก null ตรงที่ไม่ได้กำหนดหมายความว่าไม่มีการตั้งค่าสำหรับตัวแปร ในขณะที่ null หมายความว่าตัวแปร (วัตถุหรือที่อยู่) ไม่มีอยู่หรือไม่ถูกต้อง
• หมายเหตุ: ค่าว่างและไม่ได้กำหนดไม่เท่ากับสตริงว่าง ('') และ 0

การตรวจจับชนิดข้อมูล

เหตุใดจึงจำเป็นต้องมีการตรวจจับชนิดข้อมูล ใช้ตัวอย่างต่อไปนี้เพื่ออธิบาย

โปรดวิเคราะห์และบอกประเภทข้อมูลผลรวมตัวแปร เพราะเหตุใด

ลองคิดถึงคำตอบ: ผลรวมของตัวแปรคือประเภทอักขระ

การวิเคราะห์กระบวนการ: ตราบใดที่หนึ่งในตัวถูกดำเนินการของตัวดำเนินการ "+" เป็นประเภทอักขระ ก็แสดงถึงการต่ออักขระ สำหรับตัวแปรสองตัวที่เกี่ยวข้องกับการดำเนินการในกรณีนี้ num1 เป็นประเภทตัวเลข และ num2 เป็นประเภทอักขระ ดังนั้นผลรวมตัวแปรเอาต์พุตสุดท้ายคือสตริงที่ต่อกันระหว่าง num1 และ num2

ความคิดและข้อสรุป: เมื่อมีข้อกำหนดสำหรับประเภทข้อมูลที่เกี่ยวข้องกับการดำเนินงานระหว่างการพัฒนา การตรวจจับประเภทข้อมูลจะต้องดำเนินการ

JavaScript มีสองวิธีต่อไปนี้ในการตรวจหาประเภทข้อมูล:

ตัวดำเนินการ typeof ส่งคืนประเภทที่ไม่ได้คำนวณของตัวถูกดำเนินการในรูปแบบสตริง

เมื่อใช้ typeof เพื่อตรวจจับประเภทของ null วัตถุจะถูกส่งกลับแทนที่จะเป็น null

เนื่องจากทุกสิ่งใน JavaScript เป็นวัตถุ คุณสามารถใช้ฟังก์ชันส่วนขยายของ Object.prototype.toString.call() เพื่อแยกแยะประเภทข้อมูลได้แม่นยำยิ่งขึ้น

ค่าที่ส่งคืนของ Object.prototype.toString.call(data) คือผลลัพธ์อักขระในรูปแบบ "[ประเภทข้อมูลวัตถุ]" (ค่าที่ส่งคืนสามารถสังเกตได้จาก console.log())

การแปลงชนิดข้อมูล

การแปลงชนิดข้อมูล - เป็น

สถานการณ์แอปพลิเคชันบูลีน: มักใช้ในนิพจน์และคำสั่งควบคุมกระบวนการ เช่น การเปรียบเทียบข้อมูลและการตัดสินเงื่อนไข

ไวยากรณ์การใช้งาน: ฟังก์ชันบูลีน ()

หมายเหตุ: ฟังก์ชัน Boolean() จะแปลงสตริงที่ไม่ว่างเปล่าและค่าที่ไม่ใช่ศูนย์ให้เป็นจริง และแปลงสตริงว่าง 0, NaN, ไม่ได้กำหนด และ null เป็นเท็จ

ตัวอย่างสาธิต: ตรวจสอบว่าผู้ใช้มีเนื้อหาอินพุตหรือไม่

วิเคราะห์บูลีน (con):

• หากผู้ใช้คลิกปุ่ม "ยกเลิก" ผลลัพธ์จะเป็นเท็จ หาก
• ผู้ใช้ไม่ป้อนข้อมูล หาก
• ผู้ใช้คลิกปุ่ม "ตกลง" ผลลัพธ์จะเป็นเท็จ หากผู้ใช้ป้อน "ฮ่าฮ่า" " หากผู้ใช้คลิกปุ่ม "ตกลง" ผลลัพธ์จะเป็นเท็จ เป็นจริง

การแปลงประเภทข้อมูล - การแปลงเป็น

สถานการณ์แอปพลิเคชันตัวเลข: เมื่อได้รับข้อมูลที่ส่งผ่านโดยผู้ใช้สำหรับการคำนวณในระหว่างการพัฒนา เพื่อให้แน่ใจว่าข้อมูลทั้งหมดที่เกี่ยวข้องกับการคำนวณเป็นตัวเลข จึงมักจะจำเป็นต้องแปลงข้อมูลดังกล่าว

ไวยากรณ์การใช้งาน: ฟังก์ชัน Number() ฟังก์ชัน parseInt() หรือฟังก์ชัน parseFloat()

ตัวอย่างสาธิต: ทำการสรุปผลอัตโนมัติโดยอิงตามอินพุตของผู้ใช้

มีความแตกต่างบางประการในการใช้ฟังก์ชันที่แปลงประเภทตัวเลข

• ฟังก์ชันทั้งหมดจะละเว้นศูนย์นำหน้าเมื่อแปลงตัวเลขล้วนๆ ตัวอย่างเช่น สตริง "0123" จะถูกแปลงเป็น 123
• ฟังก์ชัน parseFloat() แปลงข้อมูลเป็นตัวเลขทศนิยม (สามารถเข้าใจได้ว่าเป็นทศนิยม)
• ฟังก์ชัน parseInt() จะข้ามส่วนทศนิยมโดยตรง ส่งกลับส่วนจำนวนเต็มของข้อมูล และตั้งค่าหมายเลขฐานที่แปลงแล้วผ่านพารามิเตอร์ตัวที่สอง

โปรดทราบว่า

ในการพัฒนาจริง จำเป็นต้องตัดสินด้วยว่าผลลัพธ์ที่แปลงแล้วเป็น NaN หรือไม่ จึงจะสามารถดำเนินการได้เฉพาะเมื่อไม่ใช่ NaN เท่านั้น ในขณะนี้ คุณสามารถใช้ฟังก์ชัน isNaN() เพื่อกำหนดได้ เมื่อค่าที่กำหนดไม่ได้ถูกกำหนดไว้ NaN และ {} (อ็อบเจ็กต์) ค่านี้จะคืนค่าเป็นจริง ไม่เช่นนั้นจะส่งคืนค่าเท็จ

การแปลงชนิดข้อมูล - การแปลงเป็นไวยากรณ์

การใช้งานประเภทอักขระ: ฟังก์ชัน String() และเมธอด toString()

ความแตกต่างในวิธีการนำไปใช้: ฟังก์ชัน String() สามารถแปลงประเภทใดๆ ให้เป็นประเภทอักขระได้ ยกเว้นประเภท null และ undefinition ซึ่งไม่มีวิธีการ toString() ชนิดข้อมูลอื่นสามารถทำการแปลงอักขระให้เสร็จสิ้นได้

ตัวอย่างสาธิต: ทำการสรุปผลอัตโนมัติโดยอิงตามอินพุตของผู้ใช้

โปรดทราบว่า

เมื่อเมธอด toString() ทำการแปลงชนิดข้อมูล ค่าสามารถแปลงเป็นสตริงในฐานที่ระบุผ่านการตั้งค่าพารามิเตอร์ เช่น num4.toString(2) ซึ่งหมายถึงการแปลงเลขฐานสิบ 26 เป็นไบนารี่ 11010 ก่อน จากนั้นจึง การแปลงข้อมูลตัวละคร

ของนิพจน์

: นิพจน์สามารถเป็นชุดของข้อมูล ตัวแปร และตัวดำเนินการประเภทต่างๆ

นิพจน์ที่ง่ายที่สุดสามารถเป็นตัวแปรได้