JavaScript: ฟังก์ชั่นฟังก์ชั่น การเขียนโปรแกรมภาษา JS

ไอเดียเนื้อหาแบบไดนามิกในรูปแบบเว็บ RESOURCES ได้กลายเป็นบรรทัดฐาน หน้าคงและการออกแบบ Web แม่ในที่สุดก็เสร็จสิ้นภารกิจของพวกเขา

อย่างไรก็ตามเว็บทรัพยากรที่ทันสมัยไม่ต้องมีการแสดงโดยชุดของหน้าเว็บที่สร้างโดยเซิร์ฟเวอร์และรีเฟรชเบราว์เซอร์ (JS + AJAX)

พื้นที่เก็บข้อมูลบนเว็บที่ในช่วงเวลาของการมาถึงของผู้เข้าชมสามารถเป็นคู่ของชื่อสำหรับบันทึกข้อความบางส่วนใน«หัว»ไม่กี่บรรทัดของรหัสใน«ร่างกาย»และทุก ส่วนที่เหลือของ "ตั้งครรภ์" ในกระบวนการของผู้เข้าชม - มันเป็นเว็บไซต์ที่เหมาะหรือต้องการที่จะเป็นหนึ่ง

สถานที่รายละเอียดและลักษณะของฟังก์ชั่น

опыт, наработаный многими десятилетиями. JavaScript - เป็นทศวรรษที่ผ่านมาประสบการณ์ narabotany แต่ก็มีประวัติศาสตร์ที่สำคัญของการพัฒนาที่ทันสมัยที่มีคุณภาพนักพัฒนาผู้สร้างทีมงาน ภาษาความคิดออกและเชื่อถือได้สวยงามและให้โอกาสที่แท้จริงสำหรับนักพัฒนาในการเขียนโค้ดสำหรับที่ดีและการพัฒนาตนเอง

แนวคิดของอัลกอริทึมเป็นฟังก์ชันที่นี่ไม่ได้อยู่ในหลักการ ของหลักสูตรนักพัฒนาสามารถที่ใดก็ได้บนหน้าเว็บเพื่อแทรกโค้ดสคริปต์เพื่อใส่ลงไปในมันและมันจะต้องถูกประหารชีวิต страницы? แต่สิ่งที่เป็นจุดในรหัสซึ่งจะถูกดำเนินการเพียงครั้งเดียวนี้: เมื่อโหลด (โหลด) หน้า? มันเป็นไปได้ที่จะตั้งค่าเริ่มต้นของสิ่งที่บางตัวแปรที่ไม่มีนัยสำคัญ

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

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

การเปลี่ยนแปลงการทำงาน

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

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

แต่เดิมมีความสอดคล้องไม่มีและไม่มีคู่ขนาน มีการตอบสนองที่เพียงพอกับเหตุการณ์เว็บทรัพยากรคือ วิธีที่รวดเร็ว JavaScript ตอบสนองการทำงานโดยเฉพาะอย่างยิ่งมันขึ้นอยู่กับหลาย ๆ ทางเทคนิค (คอมพิวเตอร์สายการสื่อสาร) และความหมาย (อัลกอริทึมตรรกะเรื่องพื้นที่หมายถึงปัญหา) ปัจจัย

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

นี้คิดใหม่ในการออกแบบ: การกระจายการประมวลผลในส่วนลึกของเบราว์เซอร์เดียว!

ไวยากรณ์สำหรับตัวแปรและฟังก์ชั่น

JavaScript ตัวแปรจะถูกวางไว้ในแท็ก«สคริปต์»และในร่างกายของฟังก์ชัน ฟังก์ชั่นมีการกำหนดวิธีการเดียวกัน ความหมายพิเศษในการเขียนฟังก์ชั่นภายในมีฟังก์ชั่นอื่น แต่มันอาจจะเป็นสิ่งที่จำเป็นสำหรับเหตุผลต่างๆและมันค่อนข้างเหมาะสม

คำอธิบายของฟังก์ชั่นโดยทั่วไปเริ่มต้นด้วยคำหลัก«ฟังก์ชั่น»ตามด้วยชื่อรายการของอาร์กิวเมนต์ในวงเล็บคั่นด้วยเครื่องหมายจุลภาคและร่างกายของฟังก์ชั่นในการจัดฟัน

ในตัวอย่างนี้สองหน้าที่จะมีคำอธิบายที่ให้ AJAX แลกเปลี่ยนระหว่างหน้าและเซิร์ฟเวอร์ บางส่วน scXHR อธิบายไว้ข้างต้นเพราะสามารถใช้ได้ทั้งใน InitXML และภายใน WaitReplySC

ชื่อฟังก์ชั่นและพารามิเตอร์ "ฟังก์ชั่น"

มีได้รับการเสนอรุ่นไม่ตรงกันเมื่อฟังก์ชัน JavaScript ฟังก์ชั่นเรียกว่าหลังจากตอบสนองของเซิร์ฟเวอร์ จึงได้รับการตอบสนองจากเซิร์ฟเวอร์ WaitReplySC เข้าถึงแท็กหน้าเติมข้อมูลที่ได้รับและทำให้เกิดฟังก์ชั่นอื่น ๆ ที่ดีอาจเริ่มต้นคำขอต่อไปยังเซิร์ฟเวอร์

นี่มันยังเป็นสิ่งสำคัญที่จะต้องทราบว่า WaitReplySC - ฟังก์ชั่น scXHR.onreadystatechange = WaitReplySC она передается как параметр. แต่ในสาย scXHR.onreadystatechange = WaitReplySC มันก็จะผ่านเป็นพารามิเตอร์ ฟังก์ชั่นการถ่ายโอนทั่วไปกฎเพื่อฟังก์ชั่นอื่น ๆ ที่เป็นพารามิเตอร์ วงเล็บแหลมและให้พวกเขามีพารามิเตอร์ (s) - ฟังก์ชั่นจะได้รับการดำเนินการได้ทันที บรรยายโดยชื่อเท่านั้นดังนั้นสิ่งที่ดี ฟังก์ชั่นการโทรจะทำให้เป็นผู้หนึ่งที่มีชื่อของเธอ

การทำงานดำเนินการผ่านทาง AJAX, ช่วยให้คุณสามารถเรียกฟังก์ชัน JavaScript ผ่านข้อมูลที่ได้รับจากเซิร์ฟเวอร์ ในความเป็นจริงส่งคำขอไปยังเซิร์ฟเวอร์หนึ่งหรือคุณลักษณะอื่น ๆ อาจไม่ได้เลย "รู้" ซึ่งฟังก์ชั่นเธอหันและมีข้อมูลอะไร

ฟังก์ชั่นออกมาและผลของมัน

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

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

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

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

อาร์กิวเมนต์ของฟังก์ชัน

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

ภายในฟังก์ชั่นที่มีข้อโต้แย้งตัวแปรที่มีอยู่ซึ่งมีคุณสมบัติที่มีความยาว คุณสามารถอ้างถึงฟังก์ชั่นการโต้แย้งใด ๆ ผ่านการขัดแย้ง [0], ข้อโต้แย้ง [1], ... กับข้อโต้แย้งที่ผ่านมา [arguments.length-1]

เปลี่ยนฟังก์ชั่นของการโต้แย้งที่เป็นจริงภายในฟังก์ชัน แต่ไม่นอก เพื่อที่จะเปลี่ยนแปลงอะไรบางอย่างนอกฟังก์ชั่นที่ผู้ประกอบการต้องใช้ JavaScript กลับมาผ่านที่ส่งค่าที่จำเป็นในการออกไปข้างนอก

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

เรามีข้อโต้แย้งคุณสมบัติ callee ซึ่งมีจุดประสงค์ที่จะเรียกฟังก์ชั่นที่มีการดำเนินการในช่วงเวลาที่กำหนด ถ้าสาเหตุของตัวเองรุ่น JavaScript ของฟังก์ชั่นในการทำงานจะดำเนินการเรียกซ้ำ

การใช้ฟังก์ชั่น

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

หนึ่งฟังก์ชั่นสามารถจัดการกับองค์ประกอบหลายหน้าและเหตุการณ์ไม่กี่ ผ่านตัวเลือก«นี้»คุณสามารถถ่ายโอนข้อมูลฟังก์ชั่นที่มันถูกเรียกว่า

การใช้งานคลาสสิกของ JS-ฟังก์ชั่น - ตัวจัดการเหตุการณ์ในองค์ประกอบ ในตัวอย่างนี้ scfWecomeGo () ฟังก์ชันหรือ scfWelcomeCancel () เรียกว่าในรูปแบบอินพุต / เอาต์พุตของผู้เข้าชมและเมื่อมีการเลือกโหมดการทำงาน scfMenuItemClick (นี้)

ในกรณีหลังพารามิเตอร์ที่ส่งผ่านไป«นี้»ซึ่งจะช่วยให้คุณได้อย่างปาฏิหาริย์เรียนรู้จากสิ่งที่เป็นนักร้องที่ถูกเรียกว่า อันที่จริง, JavaScript เพื่อให้ฝังในเชิงคุณภาพใน DOM และมันก็เป็นสิ่งอำนวยความสะดวกเพื่อช่วยให้คุณสามารถนำทางองค์ประกอบของการเก็บรวบรวมข้อมูลที่จำเป็นที่หน้าการเปลี่ยนแปลงก็สามารถคาดเดาไม่ได้

ฟังก์ชั่นไม่ได้ที่จะกลับมาเป็นสตริงตัวเลขหรือฟังก์ชั่นอื่น ๆ มันสามารถกลับมาเต็มรูปแบบ HTML องค์ประกอบและสิ่งซึ่งเป็นจำนวนที่ต้องการขององค์ประกอบที่มีจัดการของพวกเขา, กิจกรรมของพวกเขา

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

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

เกี่ยวกับการกระจายของการคิด

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

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

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

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

ตัวอย่างเช่นเมื่อลบบรรทัดล่างจะต้องย้ายเหนือ นี้จะต้องมีอย่างใดอย่างหนึ่งให้เลือกใหม่ที่ธรรมดาอย่างชัดเจนและทรัพยากรหรือการนับเส้นใช้ฟังก์ชั่นจาวาสคริปต์ในอาร์เรย์และเพื่อให้บรรลุเป้าหมายที่สง่างาม

ข้อโต้แย้งและผลของการทำงาน

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

นี้เป็นกลไกที่ดี แต่ค่อนข้างซับซ้อนในความสัมพันธ์กับการดำเนินงาน เทคนิคที่ได้รับอนุญาตให้ความหมาย "การทำงาน" ส่งตรรกะเท่านั้นโดยนักพัฒนาที่มีคุณสมบัติเหมาะสม

เมื่อฟังก์ชัน JavaScript ในฟังก์ชั่น - ขวาทั้งหมด แต่เมื่อฟังก์ชั่นสร้างฟังก์ชั่นและที่อื่นตรรกะเป็นเรื่องยากมากที่จะปฏิบัติตาม ในความเป็นจริงคำถามไม่ได้ว่าจะใช้ทักษะที่คำถามคือจะได้รับผลที่ปลอดภัยและถูกต้อง

การดูแลผู้พัฒนามีความชัดเจนและง่าย มีปัญหาคุณจะต้องแก้ปัญหาไม่ได้เป็นข้อผิดพลาดเช่น«ข้อผิดพลาด JavaScript การดำเนินการที่ไม่ปลอดภัย» , หน้าจอว่างเปล่าหรือดับเครื่องยนต์ทุกเบราว์เซอร์

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

การดำเนินการของรหัสที่สร้าง

ใช้รหัสการดำเนินการที่เกิดขึ้นในระหว่างการทำงานรหัสอื่น ๆ ก็เป็นไปได้โดยวิธีการของ«EVAL» มันเป็นเรื่องที่ไม่ว่าจะเป็นทางออกที่ดี แต่มักจะไม่สามารถซับซ้อนรหัสที่มีฟังก์ชั่นที่ไม่จำเป็นและการ จำกัด การก่อตัวของเส้นเล็ก ๆ น้อย ๆ ของโค้ด JavaScript และก็ดำเนินการได้

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

แตกต่างกันนิดหน่อย JavaScript กระบวนทัศน์กะ "ฟังก์ชั่นในการทำงาน"

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

ตัวอย่างคลาสสิกของการเรียกซ้ำคือปัจจัย มันยากพอที่จะเขียนขั้นตอนวิธีการที่จะห่วง แต่มันเป็นเรื่องง่ายมากที่คุณสามารถผลักดันค่าซองจดหมาย Factorial มีการเจริญเติบโตเร็วเกินไป

อย่างไรก็ตามการเรียกซ้ำและฟังก์ชั่นการเรียกฟังก์ชันอื่นซึ่งสามารถทำให้การเรียกกลับทราบ - สิ่งปกติ

ยกตัวอย่างเช่นตารางปกติ ตารางอื่น ๆ อาจจะตาราง รังไม่สามารถ จำกัด เขียนสำหรับแต่ละตารางชุดของตัวเองคุณสมบัติ - หรูหรามากเกินไป

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