คำสั่งแบบมีเงื่อนไขใช้ในการดำเนินการที่แตกต่างกันตามเงื่อนไขที่แตกต่างกัน
งบเงื่อนไข
โดยปกติเมื่อเขียนโค้ดคุณจะต้องดำเนินการที่แตกต่างกันสำหรับการตัดสินใจที่แตกต่างกัน คุณสามารถใช้คำสั่งตามเงื่อนไขในรหัสของคุณเพื่อให้งานนี้สำเร็จ
ใน JavaScript เราสามารถใช้คำสั่งตามเงื่อนไขต่อไปนี้:
•หากคำสั่ง - ใช้คำสั่งนี้เพื่อเรียกใช้รหัสเฉพาะในกรณีที่เงื่อนไขที่ระบุเป็นจริง
•ถ้า ... คำสั่งอื่น - เรียกใช้รหัสเมื่อเงื่อนไขเป็นจริงและเรียกใช้รหัสอื่นเมื่อเงื่อนไขเป็นเท็จ
•ถ้า ... อื่น ๆ ถ้า ... คำสั่งอื่น - ใช้คำสั่งนี้เพื่อเลือกหนึ่งในหลายบล็อกรหัสเพื่อเรียกใช้งาน
•คำสั่งสวิตช์ - ใช้คำสั่งนี้เพื่อเลือกหนึ่งในหลายบล็อกโค้ดเพื่อดำเนินการ
ถ้าแถลงการณ์
คำสั่งเรียกใช้รหัสเฉพาะเมื่อเงื่อนไขที่ระบุเป็นจริง
ไวยากรณ์
การคัดลอกรหัสมีดังนี้:
ถ้า (เงื่อนไข)
-
เฉพาะรหัสที่ดำเนินการเมื่อเงื่อนไขเป็นจริง
-
หมายเหตุ: โปรดใช้ตัวพิมพ์เล็กถ้า การใช้ตัวอักษรตัวใหญ่ (ถ้า) สร้างข้อผิดพลาด JavaScript!
ตัวอย่าง
เมื่อเวลาน้อยกว่า 20:00 น. จะมีการทักทาย "วันดี":
การคัดลอกรหัสมีดังนี้:
ถ้า (เวลา <20)
-
x = "วันดี";
-
ผลลัพธ์ของ x คือ:
วันที่ดี
ลองด้วยตัวเอง
โปรดทราบว่าในไวยากรณ์นี้ไม่มี .. else .. คุณได้บอกเบราว์เซอร์ให้เรียกใช้งานรหัสเฉพาะในกรณีที่เงื่อนไขที่ระบุเป็นจริง
ถ้า ... คำสั่งอื่น
โปรดใช้คำสั่ง IF ... อื่น ๆ เพื่อเรียกใช้รหัสเมื่อเงื่อนไขเป็นจริงและรหัสอื่น ๆ เมื่อเงื่อนไขเป็นเท็จ
ไวยากรณ์
การคัดลอกรหัสมีดังนี้:
ถ้า (เงื่อนไข)
-
รหัสที่ดำเนินการเมื่อเงื่อนไขเป็นจริง
-
อื่น
-
รหัสดำเนินการเมื่อเงื่อนไขไม่เป็นความจริง
-
ตัวอย่าง
เมื่อเวลาน้อยกว่า 20:00 น. คุณจะได้รับคำทักทาย "Good Day" มิฉะนั้นคุณจะได้รับคำทักทาย "สวัสดีตอนเย็น"
การคัดลอกรหัสมีดังนี้:
ถ้า (เวลา <20)
-
x = "วันดี";
-
อื่น
-
x = "สวัสดีตอนเย็น";
-
ผลลัพธ์ของ x คือ:
วันที่ดี
ลองด้วยตัวเอง
ถ้า ... อื่นถ้า ... คำสั่งอื่น
ใช้คำสั่ง IF ... อื่น ๆ ถ้า ... อื่น ๆ เพื่อเลือกหนึ่งในหลายบล็อกรหัสเพื่อดำเนินการ
ไวยากรณ์
การคัดลอกรหัสมีดังนี้:
ถ้า (เงื่อนไข 1)
-
รหัสดำเนินการเมื่อเงื่อนไข 1 เป็นจริง
-
อื่นถ้า (เงื่อนไข 2)
-
รหัสที่ดำเนินการเมื่อเงื่อนไข 2 เป็นจริง
-
อื่น
-
รหัสดำเนินการเมื่อไม่มีเงื่อนไข 1 หรือเงื่อนไข 2 เป็นจริง
-
ตัวอย่าง
หากเวลาน้อยกว่า 10:00 น. คำทักทาย "อรุณสวัสดิ์" จะถูกส่งไปมิฉะนั้นถ้าเวลาน้อยกว่า 20:00
การคัดลอกรหัสมีดังนี้:
ถ้า (เวลา <10)
-
x = "สวัสดีตอนเช้า";
-
อื่นถ้า (เวลา <20)
-
x = "วันดี";
-
อื่น
-
x = "สวัสดีตอนเย็น";
-
ผลลัพธ์ของ x คือ:
สวัสดีตอนเช้า
ใน JavaScript ค่าใดที่สามารถใช้เป็นเงื่อนไขสำหรับ IF
1. ตัวแปรบูลีนจริง/เท็จ
2. ตัวเลขไม่ใช่ 0 ไม่ใช่ NAN/ (0 หรือ NAN)
ดูตัวอย่างด้านล่างอย่าคิดว่าตัวเลขติดลบเป็นเท็จ
การคัดลอกรหัสมีดังนี้:
var i = -1;
ถ้า (i) {
การแจ้งเตือน ('ที่นี่');
}อื่น{
การแจ้งเตือน ('การทดสอบก็โอเค!');
-
3. วัตถุไม่ใช่ NULL/(NULL หรือไม่ได้กำหนด)
4. สตริงสตริงที่ไม่ว่างเปล่า ("")/สตริงว่าง ("")
เพื่อสรุปสำหรับสตริงคุณไม่จำเป็นต้องเขียนจำนวนมากถ้า (str! = null && str! = undefined && str! = '') เพียงแค่ใช้ประโยคเดียว
การคัดลอกรหัสมีดังนี้:
ถ้า (! str) {
// ทำอะไรบางอย่าง
-
แค่นั้นแค่นั้น
สำหรับการตัดสินตัวเลขที่ไม่ใช่ค่าใช้จ่ายคุณควรพิจารณาใช้ฟังก์ชัน ISNAN () NAN ไม่เท่ากับข้อมูลทุกประเภทรวมถึงตัวเองและสามารถตัดสินได้โดย ISNAN () เท่านั้น สำหรับประเภทตัวเลขถ้าคำสั่ง (a) คือ 0, ถ้า (a) เป็นเท็จถ้า (a) ไม่ใช่ 0, ถ้า (a) เป็นจริง
การคัดลอกรหัสมีดังนี้:
var b;
var a = 0;
a = a + b;
ถ้า (a) {
การแจ้งเตือน ('1');
}อื่น{
การแจ้งเตือน ('2');
-
ถ้า (isnan (a)) {
การแจ้งเตือน ('A คือ Nan');
-
JavaScript Tutorial: เกี่ยวกับวิธีการเพิ่มประสิทธิภาพของคำสั่งถ้าตัวย่อ
UglifyJS เป็นเครื่องมือสำหรับการบีบอัดและความสวยงามของ JavaScript ในเอกสารของมันฉันเห็นหลายวิธีในการปรับให้เหมาะสมหากข้อความ แม้ว่าฉันจะไม่ได้ใช้มันเพื่อทำการทดสอบการทดลอง แต่เราสามารถเห็นได้จากที่นี่ว่ามันทำให้ JS สวยงาม บางคนอาจคิดว่าถ้าข้อความนั้นง่ายมากพวกเขาจะได้รับการปรับให้เหมาะสมมากแค่ไหน? แต่ดูวิธีต่อไปนี้และคุณอาจเปลี่ยนใจ
1. ใช้ตัวดำเนินการสามัญทั่วไป
if (foo) bar (); อื่น ๆ baz (); ==> foo? bar (): baz ();
if (! foo) bar (); อื่น ๆ baz (); ==> foo? baz (): bar ();
ถ้า (foo) return bar (); else return baz (); ==> return foo? bar (): baz ();
คุณแน่ใจว่าจะคุ้นเคยกับการใช้ตัวดำเนินการแบบสองตัวข้างต้นเพื่อเพิ่มประสิทธิภาพหากคำสั่งและบางทีคุณอาจใช้มันบ่อยๆ
ตัวอย่างที่ได้รับจาก wulin.com:
การคัดลอกรหัสมีดังนี้:
<script>
var i = 9
var ii = (i> 8)? 100: 9;
การแจ้งเตือน (II);
</script>
ผลลัพธ์ผลลัพธ์:
100
2. ใช้และ (&&) และหรือ (||) ผู้ประกอบการ
if (foo) bar (); ==> foo && bar ();
if (! foo) bar (); ==> foo || bar ();
พูดตามตรงฉันไม่เคยเขียนโค้ดเช่นนี้ ฉันได้เห็นวิธีการเขียนนี้เมื่อฉันกำลังศึกษา "ผักส่วนตัว Linux ของ Bird Bird" แต่ฉันไม่ได้คาดหวังว่าจะใช้มันใน JS
3. ละเว้นการจัดฟันโค้ง {}
ถ้า (foo) return bar (); อย่างอื่น (); ==> {ถ้า (foo) return bar (); บางสิ่งบางอย่าง()}
ฉันคุ้นเคยกับวิธีการเขียนนี้ แต่ฉันขอแนะนำให้ทำสิ่งนี้เมื่อเพิ่มประสิทธิภาพรหัสหรือปล่อยให้ UglifyJs ช่วยคุณแก้ปัญหา ท้ายที่สุดถ้าคุณขาดรั้งหนึ่งรหัสจะไม่สามารถอ่านได้
เมื่อเขียนสิ่งนี้ฉันคิดถึงวิธีการโดยพ่อของ JQuery ใน "Mastering JavaScript" เพื่อรับคุณลักษณะขององค์ประกอบ HTML
ฟังก์ชั่น getattr (el, attrName) {
var attr = {'for': 'htmlfor', 'class': 'classname'} [attrName] || attrName;
-
หากเราไม่เขียนด้วยวิธีนี้เราอาจจำเป็นต้องใช้สองข้อความหากคำสั่งเพื่อประมวลผลและรหัสข้างต้นไม่เพียง แต่กระชับและมีประสิทธิภาพ แต่ยังสามารถอ่านได้สูง
หากคุณคิดอย่างรอบคอบเราสามารถหาวิธีที่มีประสิทธิภาพในการแก้ปัญหาในหลายกรณี แต่กุญแจสำคัญคือเราระมัดระวังในการหาวิธีที่ดีกว่าหรือไม่
【ทักษะ JavaScript 】ตัวย่อถ้า (x == null)
ถ้า (x == null) หรือถ้า (typeof (x) == 'undefined') สามารถย่อได้ราวกับว่า (! x) และไม่ได้รับการตรวจสอบ
ในทางตรงกันข้ามถ้า (x) หมายถึง x ไม่ว่างเปล่า
ตรวจสอบว่ามีวัตถุอยู่หรือไม่
การคัดลอกรหัสมีดังนี้:
if (document.form1.softurl9) {
// ตัดสินว่า Softurl9 มีอยู่เพื่อป้องกันข้อผิดพลาดของ JS
-
การคัดลอกรหัสมีดังนี้:
if (document.getElementById ("softurl9")) {
// ตัดสินว่า Softurl9 มีอยู่เพื่อป้องกันข้อผิดพลาดของ JS
-