जाभास्क्रिप्ट: समारोह समारोह। कार्यक्रम भाषा JS

फारम वेब-संसाधन विचार गतिशील सामग्री आदर्श बनेका छन्। स्थिर पृष्ठ र टेम्प्लेट वेब डिजाइन अन्तमा आफ्नो मिशन पूरा भयो।

तथापि, आधुनिक वेब-स्रोत सर्भर द्वारा उत्पन्न पृष्ठ को एक सेट द्वारा प्रतिनिधित्व गर्न र ब्राउजर (JS + आजाक्स) ताजा गर्दैन।

को आगन्तुक को आगमन को क्षण मा वेब-आधारित रिपोजिटरी रेकर्ड लागि शीर्षक को एक जोडी, मा «टाउको» केही पाठ, मा «शरीर» सबै कोड को केही रेखाहरू हुन सक्छ। बाँकी आगन्तुक को प्रक्रिया मा "गर्भ धारण" - यो एक आदर्श साइट हो, वा एक हुन इच्छुक।

कार्य विवरण र प्रकृति राख्न

опыт, наработаный многими десятилетиями. जाभास्क्रिप्ट - यो एउटा अनुभव narabotany दशक छ। यसलाई विकास, आधुनिक योग्य टोली निर्माताहरू विकासकर्ताहरूले को एक महत्वपूर्ण इतिहास छ। भाषा राम्रो विश्वसनीय, सुन्दर, बाहिर लाग्यो र विकासकर्ताहरूले एक सभ्य र आत्म-सुधार को लागि कोड लेख्न को लागि एक वास्तविक मौका दिन्छ।

एक अल्गोरिदम को अवधारणा एक समारोह यहाँ सिद्धान्त मा अवस्थित छैन छ। निस्सन्देह, विकासकर्ता जहाँसुकै पृष्ठमा मा राख्न लिपि कोड सम्मिलित र यसलाई कार्यान्वयन हुनेछ गर्न सक्नुहुन्छ। страницы? तर एक पटक मात्र कार्यान्वयन हुन्छ जो कोड, मा बिन्दु के हो: लोड गर्दा (पुन: लोड) पृष्ठ? यो सम्भव के केही नगण्य चर को प्रारम्भिक मान सेट गर्न छ।

लिपि - यो स्थान कोड को राम्रो टुक्रा यसको आफ्नै खातिर लिखित चर र कार्यहरु को सही वर्णन, भन्दा हुन्छ। आफ्नो आपसी प्रत्यक्ष जडान, तर प्राय यसलाई फरक - यो कार्य एक सेट सायद, आवश्यक र महत्त्वपूर्ण छ। समारोह र यसको आवेदन ठाउँ ठाउँमा विवरण नै कुरा छैन।

यो समारोह सीधा अर्को समारोह कल गर्नेछ आवश्यक छैन, तर यो गतिशील कोड को गठन मार्फत अप्रत्यक्ष गर्न सकिन्छ। एक आगन्तुक यो कोड भित्र निर्णय लिन्छ र एकदम फरक सिस्टम कार्य गर्दछ।

कार्यात्मक गतिशीलता

कार्यात्मक गतिशीलता - छ मात्र र पृष्ठ तत्व तोकिएको धेरै हेण्डलरहरू कि पृष्ठ को तत्व गठन र तत्काल ह्यान्डलरहरूको, पनि, परिवर्तन गर्न सक्नुहुन्छ कार्य हो।

कार्य मा तत्व र पर्यटक व्यवहार निर्भर पृष्ठमा स्थान लिन्छ। माउस, किबोर्ड, बटन, क्लिक, घटनाहरु वस्तुहरू र अन्य परिस्थिति को आन्दोलन आवश्यक कार्यहरु को प्रक्षेपण नेतृत्व।

मूलतः कुनै स्थिरता छ र त्यहाँ कुनै समानान्तर छ। त्यहाँ वेब-स्रोत घटनाहरू गर्न पर्याप्त प्रतिक्रिया छ। छिटो जाभास्क्रिप्ट एक विशेष समारोह कसरी पूरा यसलाई कारक (समस्या अर्थ, तर्क अल्गोरिदम, विषय क्षेत्र) धेरै प्राविधिक (कम्प्युटर, संचार रेखाहरू) र अर्थ मा निर्भर गर्दछ।

वास्तवमा यो कुरा समानान्तर मा काम गर्ने छ, तर केही कुरा पछि हुनेछ, तर यो विशेष अर्थ छैन तर्क गर्न सकिन्छ। यो आगन्तुक को कार्यहरू गर्न पर्याप्त प्रतिक्रिया सिर्जना गर्ने मौका छ - यो जाभास्क्रिप्ट समारोह महत्त्वपूर्ण छ।

एकल ब्राउजर को भुमरीमा वितरण प्रक्रिया: डिजाइन मा यो नयाँ सोच!

चर र कार्यहरु लागि विन्यास

जाभास्क्रिप्ट-चर मा ट्याग «लिपि» राखिएको र समारोह को शरीर मा छन्। कार्य नै बाटो परिभाषित छन्। समारोह भित्र लेख्न विशेष अर्थ त्यहाँ अर्को समारोह छ, तर यो विभिन्न कारणले आवश्यक हुन सक्छ, र यो एकदम उचित छ।

समारोह को विवरण साधारण, संग खोजशब्द «समारोह» सुरु यसको नाम,, कोष्ठकमा तर्क अल्पविरामद्वारा विभाजित गरेर सूची र ब्रेसहरू मा प्रकार्य शरीर।

यो उदाहरण मा, दुई कार्य प्रदान पृष्ठ र सर्भर बीच आजाक्स-विनिमय वर्णन छन्। आंशिक scXHR किनभने दुवै InitXML मा उपलब्ध छ, र WaitReplySC भित्र, माथि वर्णन।

समारोह नाम र मापदण्ड "समारोह"

जाभास्क्रिप्ट-समारोह समारोह सर्भर प्रतिक्रिया पछि भनिन्छ जब असिन्क्रोनस संस्करण त्यहाँ प्रस्तुत गरिएको छ। यसरी, सर्भरबाट प्रतिक्रिया प्राप्त, WaitReplySC पृष्ठ ट्याग, accesses पाएको जानकारी भरिन्छ र अन्य कार्य, राम्रो तरिकाले सर्भर अर्को अनुरोध प्रारम्भ हुन सक्छ जो हुन्छ।

एक समारोह - यहाँ कि WaitReplySC टिप्पणीमा पनि महत्त्वपूर्ण छ। scXHR.onreadystatechange = WaitReplySC она передается как параметр. तर मा लाइन scXHR.onreadystatechange = WaitReplySC यो एउटा मापदण्ड रूपमा पारित गरिएको छ। अन्य कार्यहरु मापदण्डहरू रूपमा यो सामान्य नियम स्थानान्तरण प्रकार्य। समारोह तुरुन्तै कार्यान्वयन गरिनेछ - चुच्चा कोष्ठक र तिनीहरूलाई आफ्नो प्यारामिटर (हरू) दिनुभयो। नाम मात्र, राम्रो के त Narrated। समारोह कल उनको नाम पायो जो एक गर्नेछ।

आजाक्स मार्फत कार्यान्वयन कार्यक्षमता, तपाईं सर्भर प्राप्त डाटा मार्फत जाभास्क्रिप्ट समारोह कल गर्न अनुमति दिन्छ। वास्तवमा, जो त्यो उत्तेजित गर्दछ, र के जानकारी काम सर्भर, एक वा अन्य सुविधा सबै "थाहा" हुन सक्छ अनुरोध पठाउने।

बाहिर समारोह र यसको परिणाम

समारोह को शरीर, तपाईं कुनै पनि भाषा संचालक, जो वास्तवमा, यसको लागि निमित्त लेख्न सक्छ। भित्र सुविधाहरू चर भित्र र बाहिर घोषणा गर्दै छन्, तर अन्य कार्यहरु मा वर्णन गरिएको छ कि छैन ती।

तपाईं समारोह परिणाम फिर्ता गर्न चाहनुहुन्छ भने, तपाईंले जाभास्क्रिप्ट फिर्ती कथन प्रयोग गर्न सक्नुहुन्छ: फिर्ती। समारोह को शरीर फिर्ती बयान को पर्याप्त संख्या हुन सक्छ। यो ती सबै समान प्रकारको परिणाम फिर्ता हुनेछ आवश्यक छैन।

सामान्यतया, विकासकर्ताहरूले यो मौका revered छन् र, स्थिति आधारमा सकेसम्म चाँडो समारोह देखि फिर्ता गर्ने निर्णय।

यसलाई माध्यम कार्यहरु पुरा अल्गोरिदम चलाउन आवश्यक छैन, जब तपाईं पहिले प्राप्त गर्न सक्छौं।

समारोह तर्क

तर्क समारोह सूची, अल्पविरामद्वारा विभाजित गरेर पास गर्दै छन्, कोष्ठकमा संलग्न र सिर्फ उनको नाम पछि छौं। यो तर्क चल नाम प्रयोग, तर तपाईं सीधा मान पारित गर्न सक्नुहुन्छ। एक समारोह मा जाभास्क्रिप्ट समारोह पारित गर्न, तपाईं बस कोष्ठक बिना यसको नाम निर्दिष्ट गर्न आवश्यक छ।

भित्र समारोह एक लम्बाइ सम्पत्ति छ, जो उपलब्ध चल तर्क छ। तपाईं तर्क मार्फत कुनै पनि तर्क समारोह उल्लेख गर्न सक्छन् [0], तर्क [1], ... अन्तिम तर्क गर्न [arguments.length-1]।

तर्क को समारोह परिवर्तन यसलाई बाहिर समारोह भित्र साँच्चै तर छैन। समारोह बाहिर केही परिवर्तन गर्न, अपरेटर जो मार्फत बाहिर गर्न आवश्यक मूल्य पास, जाभास्क्रिप्ट फिर्ती प्रयोग गर्नुपर्छ।

समारोह समाप्त भएपछि यसको कार्यान्वयन सम्बन्धित थियो सबै, नष्ट हुनेछ। समारोह को कार्यान्वयन बेला भित्री समेत अन्य कार्य, मा वर्णन गरिएको छ कि ती बाहेक बाह्य चर परिवर्तन हुन सक्छ।

हामी तर्क कलप्राप्तगर्नेवाला सम्पत्ति, दिइएको समयमा प्रदर्शन भएको एक समारोह कल गर्न निमित्त जो छ। कारण नै भने, समारोह मा प्रकार्य को जाभास्क्रिप्ट संस्करण recursion लागू हुनेछ।

कार्य प्रयोग गरेर

घटना ब्राउजर सेवा गर्न - समारोहहरुमा को मुख्य चासो। यो लगभग हरेक ट्याग गर्न यसको निर्माण को घटना नाम र काम निर्दिष्ट गर्न सक्ने क्षमता छ। तपाईं धेरै घटनाहरू निर्दिष्ट गर्न सक्नुहुन्छ, तर प्रत्येक घटना मात्र एक समारोह संकेत छ।

एक समारोह धेरै पृष्ठ तत्व र केही घटनाहरूलाई गर्न सक्नुहुन्छ। मार्फत «यस» विकल्प, तपाईं जानकारी समारोह जहां यो भनिन्थ्यो हस्तान्तरण गर्न सक्नुहुन्छ।

JS-कार्यहरु को क्लासिक प्रयोग - तत्व मा घटना हेण्डलरहरू। यो उदाहरण मा scfWecomeGo () समारोह वा scfWelcomeCancel () को आगन्तुक को इनपुट / उत्पादन फारममा भनिन्छ, र सञ्चालन मोड scfMenuItemClick (यो) चयन गर्दा।

उत्तरार्द्ध मामला मा, जो तपाईं चमत्कारपूर्ण ढङ्गमा के हो DIVA भनिन्थ्यो सिक्न गर्न अनुमति दिन्छ «यस», पास खुट्टामीटर। वास्तवमा, जाभास्क्रिप्ट त गुणात्मक को डोम मा प्रत्यारोपित छ, र यो यति सजिलै तपाईं पृष्ठ गतिशीलता बस अप्रत्याशित हुन सक्छ कि आवश्यक जानकारी संकलन गर्न, आफ्नो तत्व नेभिगेट गर्न अनुमति दिन्छ।

समारोह एक स्ट्रिङ, संख्या, वा अन्य समारोह फर्कन छैन। यसलाई पूर्ण HTML-तत्व फिर्ता गर्न सक्नुहुन्छ, र जो तत्व को आवश्यक संख्या, छ आफ्नो हैंडलर, आफ्नो घटनाहरू।

पृष्ठ मा एक तत्व राख्दै, विकासकर्ता समस्या आगंतुकों को चासो को सुलझाने र पूरा को मामला मा राम्रो, तर एकदम कार्यान्वयन मामलामा गाह्रो छ भनेर नयाँ कार्यक्षमता सिर्जना गर्छ।

विकास देखि यस्तो पूर्णतया, कार्यात्मक सजिलो गठन गर्दा मूल कोड मा, हराएको प्राप्त समारोह कल मा क्षणमा वा एक वा पृष्ठ को अर्को सामग्री। विकास एक यस्तो निर्देशन लिएर अघि, एक राम्रो सबै वजन बाधा छैन।

सोचाइ वितरण मा

विकासकर्ता सबै घटनाहरू मा पृष्ठ को सबै तत्व, को स्तर मा सोच्न, र सबै वास्तवमा कसरी हुन्छ स्पष्ट प्रस्तुति छ छ। गाह्रो छ, तर काम लायक छ।

जाभास्क्रिप्ट मा, समारोह केही घटना सम्म ढिलाइ हुन सक्छ र यस्तो सुविधाहरू धेरै हुन सक्छ, र घटनाहरू फैलाउन र विभिन्न प्रोसेसर को "दृश्यात्मक क्षेत्र" मा प्राप्त गर्न झुकाव छ।

यो उदाहरणमा, समारोह कहीं अघि भनिन्थ्यो, जुन एउटा वस्तु फाइल मेनु सुरु। यो कि विन्डो मा छ जो हटाइएको र प्रक्रियामा सकिन्छ बस सात फाइलहरू, कल्पित छ पेजिंग। पङ्क्ति मा क्लिक गरेर एउटा फाइल र तीर कुञ्जीहरू र ब्लक सात पङ्क्तिहरू को रूपमा सार्न सकिन्छ।

प्रत्येक मामलामा यसको आफ्नै समारोह छ। अर्को शब्दमा, यो सरल उदाहरण मा, तपाईं विभिन्न घटनाहरु प्रतिक्रिया हुनेछ सुविधाहरूको दर्जनौँ को एक जोडी लेख्न आवश्यकता हो, र यी कार्य केही घटनाहरू हौं थिएन कि विकल्प र विभिन्न परिस्थितिहरु ह्यान्डल हुनेछ।

उदाहरणका लागि, तल लाइन हटाउने जब upwardly विस्थापित हुनुपर्छ। यो आवश्यक हुनेछ या त एक स्रोत भनेर साधारण नयाँ चयन र स्पष्ट बनाउन, वा, रेखा गणना गर्न एरे मा जाभास्क्रिप्ट समारोह प्रयोग र सुरुचिपूर्ण लक्ष्य हासिल गर्न।

यो तर्क र कार्यहरु को परिणाम

जाभास्क्रिप्ट तपाईं "पूर्ण-विशेष" स्थितिको कोड ल्याउन अनुमति दिन्छ। साधारणतया, समारोह को तर्क गर्दा समारोह छ। अनुमति विकल्प, समारोह एक प्रकार्य फर्काउँछ। जाभास्क्रिप्ट एकदम शान्तपूर्वक यसलाई लिन्छ।

यो एक राम्रो संयन्त्र, बरु कार्यान्वयन को सम्बन्ध मा जटिल छ। प्राविधिक अनुज्ञेय semantically "कार्यात्मक" तर्क मात्र योग्य विकासकर्ता द्वारा प्रसारण प्रदान गर्नुहोस्।

जब एक समारोह मा जाभास्क्रिप्ट समारोह - सबै सही, तर काम एक समारोह उत्पन्न, र अर्को छ कि, तर्क पालना गर्न एकदम गाह्रो हुँदा। वास्तवमा, प्रश्न कौशल लागू गर्न, प्रश्न सुरक्षित र सही परिणाम प्राप्त गर्न छ कि छैन भनेर छैन।

विकासकर्ता हेरविचार स्पष्ट र सरल छ। त्यहाँ एउटा समस्या छ, तपाईं एक समाधान गर्नुपर्छ, जस्तो बग «जाभास्क्रिप्ट त्रुटि सञ्चालन असुरक्षित छ» , खाली स्क्रीन, वा सबै ब्राउजर इन्जिन बन्द।

तर्क एक समारोह, त्यसपछि विशेष गुण संग एक चर पारित गर्न विकासकर्ता हो भने, त्यो एक नम्बर, एक स्ट्रिङ, छैन वस्तु हो। तर एक तर्क यस्तो प्रयोग बाह्य चर परिवर्तन र समारोह कार्यान्वयन को परिणाम हो भन्ने तथ्यलाई गर्न सक्छ। हस्तान्तरण पर्याप्त हुनेछ परिवर्तन आधारमा।

उत्पन्न कोड को कार्यान्वयन

काम अन्य कोड को पाठ्यक्रम मा उत्पन्न कार्यान्वयन कोड लागू, यो «eval» हालतमा सम्भव छ। यसलाई अनावश्यक कार्य संग कोड जटिल सक्दैन, र जाभास्क्रिप्ट कोड को तुच्छ लाइन को गठन सीमित गर्न र बस कार्यान्वयन एक उत्कृष्ट समाधान हुन मानिन्छ छैन, तर अक्सर।

यो उदाहरणमा, सम्मिलित केही जानकारी Operable div मा सिलाई गठन गरिएको छ। दिवा र विभिन्न स्थितिहरु विभिन्न नम्बर लागि जानकारी सामग्री, किनभने यो अवस्थामा यस्तो निर्णय प्रत्याभूति अवस्था «जाभास्क्रिप्ट त्रुटि सञ्चालन छ असुरक्षित» प्रदान गर्दैन , तर दृढ इच्छित प्रभाव दिनुहोस्।

Nuance जाभास्क्रिप्ट प्रतिमान पारी "समारोह मा प्रकार्य"

तपाईं तामझाम बिना गर्न सक्छन् भने, यो प्रयोग गर्न राम्रो छ। यी विकल्पहरू सबै राम्रो हो। निस्सन्देह, धेरै अवस्थामा, यो मात्र समाधान छ।

recursion एक क्लासिक उदाहरण: फ्याक्टोरियल। यो कि पाश हुनेछ एक अल्गोरिदम लेख्न पर्याप्त गाह्रो छ, तर यो तपाईं खाम मान धक्का गर्न सक्छन्, धेरै सरल छ। फ्याक्टोरियल धेरै छिटो बढ्दै छ।

सामान्य कुराहरू - तथापि, recursion र समारोह जो सचेत कलब्याक गर्न सक्छन् अर्को समारोह, भनिएको छ।

उदाहरणका लागि, नियमित तालिका। अन्य तालिका तालिका हुन सक्छ। नेस्टिङ छैन प्रतिबन्धित गर्न सकिन्छ। धेरै लक्जरी - प्रत्येक तालिकाको लागि सुविधाहरू यसको आफ्नै सेट लेख्नुहोस्।

यस्तो उदाहरण धेरै छन्, र यो सबै किनभने कार्यक्रमको एक वास्तविक र अहम समस्या हुनेछ। समस्या किन कि कुनै-तामझाम कार्यहरु को एक प्रणाली सेट छैन अप वास्तवमा निहित छ, थप ठीक, यसको डिबग र पछि विश्वसनीय सञ्चालन जाभास्क्रिप्ट हेरविचार र विकासकर्ता बन्नेछ।