ช่วยให้คุณได้รับวัตถุ JavaScript

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

คำแนะนำที่เกี่ยวข้อง: บทช่วยสอน JavaScript

1. Constructor

เหตุใดจึงต้องใช้ Constructor

Constructor คืออะไร: เป็นอีกวิธีหนึ่งในการสร้างอ็อบเจ็กต์ใน JavaScript

ตรงกันข้ามกับการสร้างวัตถุโดยใช้วิธีการตามตัวอักษร: ตัวสร้างสามารถสร้างวัตถุบางอย่างที่มีลักษณะเหมือนกันได้

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

ลักษณะและข้อดีของการสร้างวัตถุโดยใช้วิธีการตามตัวอักษร

• : ความเรียบง่ายและความยืดหยุ่น

• ข้อเสีย: เมื่อคุณต้องการสร้างชุดของออบเจ็กต์ที่มีลักษณะเหมือนกัน คุณไม่สามารถระบุผ่านโค้ดว่าสมาชิกใดที่ออบเจ็กต์เหล่านี้ควรมีเหมือนกัน

• วิธีการใช้งานเทมเพลตในภาษาการเขียนโปรแกรมเชิงวัตถุคือการใช้คลาสเพื่อสร้างเทมเพลตและใช้งานออบเจ็กต์ต่าง ๆ (อินสแตนซ์ของคลาส) ตามเทมเพลต

• วิธีที่ 1 สำหรับการนำเทมเพลตไปใช้ใน JavaScript: ผ่านฟังก์ชันโรงงานซึ่งสร้างวัตถุโดยใช้ตัวอักษร "{ }" ที่อยู่ข้างใน ข้อเสียคือไม่สามารถแยกแยะประเภทของวัตถุได้

• วิธีที่ 2 ในการใช้เทมเพลตใน JavaScript: สร้างวัตถุผ่านตัวสร้าง

Constructor ในตัวของ JavaScript

ก่อนที่จะเรียนรู้วิธีปรับแต่ง Constructor ก่อนอื่นเรามาดูวิธีการใช้ Constructor ในตัวของ JavaScript กันก่อน

• ตัวสร้างบิวท์อินทั่วไป: วัตถุ สตริง ตัวเลข และตัวสร้างอื่น ๆ
• วิธีที่ตัวสร้างสร้างวัตถุ: ชื่อตัวสร้างใหม่ ()
• การสร้างอินสแตนซ์และอินสแตนซ์คืออะไร: ผู้คนคุ้นเคยกับการเรียกกระบวนการสร้างวัตถุโดยใช้คีย์เวิร์ดใหม่เป็นการสร้างอินสแตนซ์ และวัตถุที่ได้รับหลังจากการสร้างอินสแตนซ์จะเรียกว่าอินสแตนซ์ของตัวสร้าง

• คุณสมบัติ "object.constructor" ชี้ไปที่ตัวสร้างของวัตถุ
• เมื่อส่งออกผ่าน console.log() [native code] แสดงว่าโค้ดของฟังก์ชันนั้นมีอยู่ในตัว

คอนสตรัคเตอร์แบบกำหนดเอง

: จะปรับแต่งคอนสตรัคเตอร์ได้อย่างไร?

• ขอแนะนำให้ใช้กฎการตั้งชื่อ Pascal สำหรับการตั้งชื่อ Constructor นั่นคือ ใช้อักษรตัวแรกของคำทั้งหมดเป็นตัวพิมพ์ใหญ่
• ภายในตัวสร้าง ใช้สิ่งนี้เพื่อแสดงวัตถุที่เพิ่งสร้างขึ้น

โปรดทราบว่า

เมื่อเรียนรู้ JavaScript ผู้เริ่มต้นมักจะสับสนกับคำศัพท์ที่คล้ายกันบางคำ เช่น ฟังก์ชัน วิธีการ ตัวสร้าง ตัวสร้าง ตัวสร้าง ฯลฯ

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

สำหรับคอนสตรัคเตอร์ บางคนคุ้นเคยกับการเรียกมันว่าคอนสตรัคเตอร์หรือคอนสตรัคเตอร์ เราแค่ต้องเข้าใจว่าชื่อเหล่านี้หมายถึงสิ่งเดียวกัน

• ไม่พบ

คลาสคีย์เวิร์ดใหม่ใน ES6

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

• บทบาทของคีย์เวิร์ดคลาส: ใช้เพื่อกำหนดคลาส

• คุณสมบัติ: วิธีคอนสตรัคเตอร์คอนสตรัคเตอร์สามารถกำหนดได้ในชั้นเรียน

โปรดทราบว่า

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

สมาชิกส่วนตัว

: ในตัวสร้าง ตัวแปรที่กำหนดโดยใช้คีย์เวิร์ด var เรียกว่าสมาชิกส่วนตัว

คุณสมบัติ: หลังจากวัตถุอินสแตนซ์ ไม่สามารถเข้าถึงได้ผ่าน "object.member" แต่สามารถเข้าถึงสมาชิกส่วนตัวได้ในวิธีการสมาชิกของวัตถุ

คุณสมบัติ: ชื่อสมาชิกส่วนตัวสะท้อนถึงการห่อหุ้มเชิงวัตถุ

ออบเจ็กต์ String

ในตัว

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

เนื่องจากวัตถุเหล่านี้เป็นอินสแตนซ์ของ Constructor String จริงๆ เช่น วัตถุ String

• วัตถุ String มีคุณสมบัติและวิธีการบางอย่างสำหรับการประมวลผลสตริง

โปรดทราบ

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

นำตัวอย่างการจำกัดความยาวของชื่อผู้ใช้ไว้ที่ 3 ถึง 10 และไม่อนุญาตให้ใช้คำที่ละเอียดอ่อน ผู้ดูแลระบบ เพื่อสาธิต

วัตถุ Number วัตถุ Number

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

เป็นสมาชิกแบบคงที่ของ Number และเข้าถึงได้โดยตรงผ่าน Constructor Number ไม่ใช่อินสแตนซ์ของ Number

วัตถุทางคณิตศาสตร์

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

ใช้ Math.random() เพื่อรับตัวเลขสุ่มภายในช่วงที่ระบุเป็นตัวอย่าง

สูตรคือ Math.random() * (n - m) + m ซึ่งหมายถึงการสร้างค่าสุ่มที่มากกว่าหรือเท่ากับ m และน้อยกว่า n

วัตถุวันที่

วัตถุวันที่ถูกใช้เพื่อจัดการวันที่และเวลา

ตัวอย่างที่ 1: รับเวลาและวันที่ตามวัตถุ Date

ตัวอย่างที่ 2: ระบุวันที่ตามวัตถุ Date

ตัวอย่างที่ 3: จัดการกับสถานการณ์ที่วันที่กำหนดไม่สมเหตุสมผล เช่น การตั้งค่าเดือนเป็น -1 หมายถึงเดือนธันวาคมปีที่แล้ว และการตั้งค่าเดือนที่ 12 หมายถึงเดือนมกราคมปีหน้า

กรณี : ทำปฏิทินรายเดือน

แนวคิดการนำโค้ดไปใช้:

• สร้างวัตถุวันที่ของวันที่ 1 ของเดือนปัจจุบัน
• พิจารณาว่าวันที่ 1 คือวันใดในสัปดาห์และเขียนบรรทัดแรก
• เขียนเกี่ยวกับส่วนที่เหลือของเดือน

การใช้โค้ด

<html>
	<head><title>ปฏิทินของเดือนนี้</title>
	</หัว>
	<ร่างกาย>
	<p align=center><b>ปฏิทินของเดือนนี้</b></p>
	<สคริปต์>
	var thisyear,thismonth,today=new Date();;
	thisyear=today.getFullYear()
	เดือนนี้=today.getMonth();
	
	var imonth, iweekday, iday, nextday;
	document.write("<ตาราง align=center border=1><tr align=center bgcolor=#fff00>")
	document.write("<td>วันอาทิตย์</td><td>วันจันทร์</td><td>วันอังคาร</td><td>วันพุธ</td><td>วันพฤหัสบดี</td><td> วันศุกร์< /td><td>วันเสาร์</td>")
	document.write("</tr><tr>")
	วันถัดไป=1;
	var thisdate=วันที่ใหม่(ปีนี้,เดือนนี้,วันถัดไป)
	สำหรับ (iday=0;iday<=6;iday++){
	ถ้า (thisdate.getDay() > iday) {
	document.write("<td>");
	document.write("</td>")
	-
	อื่น {
	ถ้า (thisdate.getMonth()== today.getMonth()&&thisdate.getDate()== today.getDate() &&thisdate.getFullYear()== today.getFullYear() ){
	document.write("<td><font color=red><b>")
	document.write(วันถัดไป)
	document.write("</font></b></td>")
	-
	อื่น {
	document.write("<td><b>");
	document.write(วันถัดไป);
	document.write("</b></td>");
	-
	วันถัดไป=วันถัดไป+1;
	thisdate.setDate (วันถัดไป);
	-
	-
	
	document.write("</tr>");
	document.write("<tr>")
	วันทำงาน=1
	ในขณะที่(thisdate.getMonth() == เดือนนี้ ){
	ถ้า (thisdate.getMonth()== today.getMonth()&&thisdate.getDate()== today.getDate() &&thisdate.getFullYear()== today.getFullYear() ){
	document.write("<td><font color=red><b>")
	document.write(วันถัดไป)
	document.write("</b></font></td>")
	-
	อื่น{
	document.write("<td><b>")
	document.write(วันถัดไป)
	document.write("</b></td>")
	-
	วันถัดไป=วันถัดไป+1;
	iweekday=iweekday+1;
	ถ้า (iweekday>7 ){
	วันทำงาน=1;
	document.write("</tr>");
	-
	thisdate.setDate (วันถัดไป);
	-
	
	</สคริปต์>
	
	</ร่างกาย>
	</html>

คำแนะนำที่เกี่ยวข้อง: บทช่วยสอนการเรียนรู้ JavaScript

ข้างต้นเป็นเนื้อหาโดยละเอียดที่จะช่วยให้คุณได้รับออบเจ็กต์ JavaScript สำหรับข้อมูลเพิ่มเติม โปรดใส่ใจกับบทความอื่น ๆ ที่เกี่ยวข้องบนเว็บไซต์ภาษาจีน PHP