ฟังก์ชั่นยูทิลิตี้
เฟรมเวิร์ก JavaScript จำนวนมากมาพร้อมกับฟังก์ชันยูทิลิตี้จำนวนมากที่ทำให้การพัฒนาแอปพลิเคชันโดยใช้ JavaScript ง่ายขึ้น บทความนี้ยังมีอะไรให้เพิ่มเติมอีกมาก ดังนั้นฉันจะพูดถึงหนึ่งในฟังก์ชันที่น่าสนใจในเฟรมเวิร์กส่วนใหญ่
หากคุณเคยทำงานกับอาร์เรย์ JavaScript คุณอาจคุ้นเคยกับการใช้ลูปเพื่อวนซ้ำอาร์เรย์และจัดการค่าของอาร์เรย์ ตัวอย่างเช่น พิจารณาโค้ดในรายการ 2:
รายการ 2: วิธีดั้งเดิมในการวนซ้ำอาร์เรย์ JavaScript
ผลไม้ var = ['แอปเปิ้ล', 'กล้วย', 'ส้ม'];
สำหรับ (var i = 0; i <fruit.length; i++) {
การแจ้งเตือน (ผลไม้ [i]);
-
รหัสในรายการที่ 2 ถูกต้อง แต่ก็ยุ่งยากเล็กน้อย กรอบงาน JavaScript ส่วนใหญ่ประกอบด้วยแต่ละฟังก์ชัน ซึ่งเรียกใช้ฟังก์ชันเฉพาะสำหรับแต่ละองค์ประกอบในอาร์เรย์ การใช้ MooTools การดำเนินการเดียวกันในรายการ 2 สามารถทำได้โดยใช้โค้ดในรายการ 3
รายการ 3: การใช้แต่ละฟังก์ชันของ MooTools
['apple', 'banana', 'orange'].each(function(item) {
การแจ้งเตือน (รายการ);
-
รายการ 3 มีวากยสัมพันธ์เหมือนกับ Prototype และ jQuery โดยมีความแตกต่างเล็กน้อยระหว่าง YUI และ ExtJS อย่างไรก็ตาม ไวยากรณ์จะแตกต่างกันไปในแต่ละเฟรมเวิร์กเมื่อใช้กับแฮชหรืออ็อบเจ็กต์ ตัวอย่างเช่น ใน MooTools คุณสามารถใช้โค้ดในรายการต่อไปนี้:
รายการ 4: การใช้แต่ละฟังก์ชันของ MooTools บนวัตถุแต่ละรายการของคู่คีย์/ค่า
var hash = แฮชใหม่ ({ชื่อ: "โจเลนนอน", อีเมล: " [email protected] "});
hash.each (ฟังก์ชัน (ค่า, คีย์) {
การแจ้งเตือน (คีย์ + ": " + ค่า);
-
อย่างไรก็ตาม การใช้ไลบรารี Prototype จะดูเหมือนโค้ดในรายการที่ 5:
รายการ 5: การใช้แต่ละฟังก์ชันของ Prototype บนอ็อบเจ็กต์แต่ละรายการของคู่คีย์/ค่า
var hash = $H({ชื่อ: "โจ เลนนอน", อีเมล: " [email protected] "});
hash.each (ฟังก์ชั่น (คู่) {
การแจ้งเตือน (pair.key + ":" + pair.value);
-
แต่ละเฟรมเวิร์กมีฟังก์ชันที่เป็นประโยชน์อีกมากมาย ซึ่งมักจะแบ่งออกเป็นฟังก์ชัน String, ฟังก์ชัน Number, ฟังก์ชัน Array, ฟังก์ชัน Hash, ฟังก์ชัน Date เป็นต้น หากต้องการเรียนรู้เพิ่มเติม โปรดดูคู่มือ API ของเฟรมเวิร์ก JavaScript ที่เกี่ยวข้อง
ที่อยู่พิมพ์ซ้ำ: http://www.denisdeng.com/?p=716
ที่อยู่เดิม: http://www.ibm.com/developerworks/web/library/wa-jsframeworks/index.html