ในรหัส JavaScript คุณสามารถใช้ฟังก์ชั่นการแจ้งเตือน () ของวัตถุหน้าต่างเพื่อแสดงชิ้นส่วนของข้อความเพื่อทำการดีบักโปรแกรมหรือเตือนผู้ใช้เกี่ยวกับข้อมูลที่เกี่ยวข้อง:
การคัดลอกรหัสมีดังนี้:
// ใช้ฟังก์ชั่นการแจ้งเตือนของ Object () Window Object
window.alert ("ตัวอย่างข้อความ");
วิธีการเขียนนี้สามารถทำให้ฟังก์ชัน Alert () ได้ง่ายขึ้นโดยตรง:
การคัดลอกรหัสมีดังนี้:
// การแจ้งเตือนแบบง่าย () การใช้งาน
การแจ้งเตือน ("ตัวอย่างข้อความ");
หากคุณต้องการแสดงข้อความด้วย newLines คุณสามารถใช้ /n:
การคัดลอกรหัสมีดังนี้:
// use /n ในการแจ้งเตือน ()
การแจ้งเตือน ("บรรทัดแรก/nthe บรรทัดที่สอง");
หากคุณต้องการใช้อักขระแท็บคุณสามารถใช้ /t:
การคัดลอกรหัสมีดังนี้:
// use /t ในการแจ้งเตือน ()
การแจ้งเตือน ("Alex/T50/T34/NBOB/T59/T38");
การใช้ตัวแปร
นอกเหนือจากการแสดงสตริงคงที่ฟังก์ชั่นการแจ้งเตือน () ยังสามารถยอมรับตัวแปรและค่าตัวแปรประกบกับสตริงอื่น ๆ :
การคัดลอกรหัสมีดังนี้:
// ใช้ตัวแปรในการแจ้งเตือน ()
var word = "ชีวิต";
การแจ้งเตือน ("คำวิเศษคือ:" + word + ". อย่าตกใจ");
น่าเสียดายที่ฟังก์ชั่นการแจ้งเตือน () สามารถยอมรับตัวแปรได้ แต่ก็สามารถดำเนินการกับการประกบสตริงได้เท่านั้น ตรงกันข้ามกับวิธีการแก้จุดบกพร่องอื่น ๆ คอนโซล log () ฟังก์ชั่นการแจ้งเตือน () ไม่ยอมรับการปฏิบัติของพารามิเตอร์การส่งผ่านไปยังสตริง รหัสต่อไปนี้เป็นตัวอย่าง:
การคัดลอกรหัสมีดังนี้:
// พยายามใช้พารามิเตอร์ในการแจ้งเตือน () จะล้มเหลว
ชื่อ var = "bob";
Var Years = 42;
การแจ้งเตือน (" %s คือ %d ปี", ชื่อ, ปี);
หากฟังก์ชั่นการแจ้งเตือน () ยอมรับการผ่านสตริงเอาท์พุทที่คาดหวังจะเป็น "บ๊อบอายุ 42 ปี" แต่ในความเป็นจริงฟังก์ชั่นการแจ้งเตือน () ไม่รองรับสิ่งนี้ดังนั้นผลลัพธ์สุดท้ายคือ " %s คือ %d ปี"
สไตล์หน้าต่างป๊อปอัป
เนื่องจากกล่องป๊อปอัพที่ใช้โดยฟังก์ชั่นการแจ้งเตือน () เป็นวัตถุระบบเบราว์เซอร์แทนที่จะเป็นวัตถุเอกสารเว็บจึงเป็นไปไม่ได้ที่จะกำหนดรูปแบบของกล่องป๊อปอัพโดยใช้แท็ก HTML ในฟังก์ชั่นการแจ้งเตือน ()-แท็ก HTML จะปรากฏขึ้นอย่างสมบูรณ์ สำหรับรหัสต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
// ลองใช้แท็ก HTML ใน Alert () จะล้มเหลว
การแจ้งเตือน ("<b> ข้อความทดสอบ </b>");
เอาต์พุตไม่ใช่ "ข้อความทดสอบ" ตัวหนา
หากคุณต้องการเปลี่ยนรูปแบบของกล่องคำเตือนจริงๆมีสองตัวเลือก:
1. ใช้อักขระ Unicode ในฟังก์ชันการแจ้งเตือน () ข้อดีของโซลูชันนี้คือมันง่ายมากที่จะนำไปใช้ แต่ข้อ จำกัด ของมันก็ชัดเจนเช่นกัน: อักขระ Unicode มีการแสดงออกที่ จำกัด มาก
2. แทนที่จะใช้ฟังก์ชั่นการแจ้งเตือน () ใช้ส่วนประกอบ HTML เพื่อจำลองกล่องป๊อปอัพ (เช่นการใช้กล่องโต้ตอบ jQuery UI) ข้อได้เปรียบของโซลูชันนี้คือกล่องป๊อปอัพจะแสดงออกอย่างมาก แต่การใช้มันจะเพิ่มความซับซ้อนของรหัสส่วนหน้า
บทสรุป
ฟังก์ชั่นการแจ้งเตือน () สามารถใช้เพื่อแจ้งเตือนผู้ใช้หรือโปรแกรมแก้ไขข้อบกพร่อง สำหรับอดีตการใช้ส่วนประกอบต่าง ๆ เช่นกล่องโต้ตอบ jQuery UI สามารถเพิ่มการแสดงออกและประสบการณ์ของผู้ใช้อย่างมาก สำหรับหลังเนื่องจากกล่องป๊อปอัพ Alert () จะบล็อกการดำเนินการของรหัส JavaScript ในหลายกรณีโดยใช้ console.log () เพื่อแก้ไขข้อบกพร่องของโปรแกรมเป็นทางออกที่ดีกว่า