ጃቫስክሪፕት: ተግባር ተግባር. ፕሮግራሚንግ ቋንቋ JS

የድረ-ንብረቶችን ለማቋቋም ሐሳቦች ተለዋዋጭ ይዘት የተለመደ ሆነዋል. የማይንቀሳቀሱ ገጾች እና አብነቶችን የድር ንድፍ በመጨረሻ ያላቸውን ተልዕኮ ተጠናቅቋል.

ይሁን እንጂ ዘመናዊ ድረ-ሀብት በአገልጋዩ የመነጨ ገጾች ስብስብ የተወከለው መሆን አለብን እንዲሁም አሳሹ (JS + አጃክስ) ማደስ አይደለም.

ወደ ጎብኚ መምጣት ቅጽበት ድር-ተኮር ማከማቻ ከመዝገብ ለማግኘት ርዕሶችን አንድ ባልና ሚስት, የ «ራስ» ውስጥ አንዳንድ ጽሑፍ, የ «ሰውነት» እና በሁሉም ኮድ ጥቂት መስመሮች መሆን ይችላል. ይህ ብቃት ጣቢያ ነው, ወይም አንድ ለመሆን ህልም - የቀሩት ጎብኚ ሂደት ውስጥ "ትፀንሻለሽ".

ተግባራት መግለጫ እና ተፈጥሮ አስቀምጥ

опыт, наработаный многими десятилетиями. ጃቫስክሪፕት - ይህ ተሞክሮ narabotany አሥርተ ነው. ይህም የልማት, ዘመናዊ ብቃት ቡድን ፈጣሪዎች ገንቢዎች ጉልህ የሆነ ታሪክ አለው. ቋንቋ በደንብ አስተማማኝ, ቆንጆ, ወደ ውጭ አሰብኩ እና ገንቢዎች ጨዋና እና ራስን መሻሻል ኮድ መጻፍ አንድ እውነተኛ አጋጣሚ ይሰጣቸዋል.

አንድ ስልተ የሚለው ጽንሰ-አንድ ተግባር እዚህ መመሪያ ውስጥ የለም ነው. እርግጥ ነው, ገንቢ በገጽ ማንኛውም ቦታ ላይ ወደ ለማስቀመጥ ስክሪፕት ኮድ ማስገባት ይችላሉ እና ተፈጻሚ ይሆናል. страницы? ነገር ግን አንድ ጊዜ ብቻ የሚያስፈጽምበትን ያለውን ኮድ ውስጥ ነጥብ ምንድን ነው: በመጫን ጊዜ ገጽ (ለመጫን)? የሚቻል ነገር አንዳንድ ከቁብ ተለዋዋጮች የመጀመሪያ እሴቶች ማዘጋጀት ነው.

ስክሪፕት - ይህንን ቦታ ተለዋዋጮች እና ተግባራት ቀኝ መግለጫ ይልቅ የራሱ ስል የተጻፈ ኮድ ጥሩ ቁራጭ ነው. ያላቸውን የጋራ ቀጥተኛ ግንኙነት, ነገር ግን አብዛኛውን ጊዜ የተለየ ነው - ይህ ተግባራት ስብስብ ምናልባትም, አስፈላጊ እና ወሳኝ ነው. ተግባር እና ማመልከቻ ቦታ ቦታ መግለጫ ተመሳሳይ ነገር አይደለም.

ይህ ተግባር በቀጥታ ሌላ ተግባር እጠራለሁ አስፈላጊ አይደለም, ነገር ግን ይህ ተለዋዋጭ ኮድ ምስረታ በኩል በተዘዋዋሪ ሊደረግ ይችላል. አንድ ጎብኚ ይህንን ኮድ ውስጥ ውሳኔ የሚወስደው እና ፈጽሞ የተለየ የስርዓት ተግባራት ይሰራል.

ተግባራዊ ተለዋዋጭ

ተግባራዊ ተለዋዋጭ - አይደለም ብቻ ሳይሆን የገጽ አባሎችን ተመድቧል በጣም ተቆጣጣሪዎችን ከገጹ ክፍሎች በማቋቋም እንዲሁም አፋጣኝ አስከዋኝ, በጣም, መለወጥ የሚችሉ ተግባሮች ናቸው.

እርምጃው ላይ ያሉትን ንጥረ ነገሮች እና የሚኖራቸውን ባህሪ ላይ የሚወሰን ሆኖ, ገጹ ላይ ቦታ ይወስዳል. መዳፊት, ቁልፍ ሰሌዳ, አዝራሮችን, ጠቅታዎች, ክስተቶች, ንጥሎች እና ሌሎች ሁኔታዎች እንቅስቃሴ አስፈላጊ ተግባራትን ማስጀመሪያ ይመራል.

በመጀመሪያ ምንም ወጥነት የለም, እና ምንም ተመሳሳይ የለም. ድር-ሀብት ክስተቶች በቂ ምላሽ አለ. ፈጣን ጃቫስክሪፕት አንድ የተወሰነ ተግባር ይፈጽማል እንዴት ታሳቢዎች (ችግሩን ትርጉም, ሎጂክ ስልተቀመር, ርዕሰ አካባቢ) በርካታ የቴክኒክ (ኮምፒውተር, የመገናኛ መስመሮች) እና የፍቺ ላይ ይወሰናል.

እንዲያውም ይህ ነገር በትይዩ ውስጥ ሰርቷል, ነገር ግን የሆነ ነገር በኋላ ማብራት, ሆኖም ግን ይህ ልዩ ትርጉም አይደለም ይከራከራሉ ይቻላል. ይህ ጎብኚ እርምጃዎች በቂ ምላሽ ለመፍጠር አጋጣሚ ነው - ይህ የ JavaScript ተግባር አስፈላጊ ነው.

በአንድ አሳሽ ጥልቅ ውስጥ የተሰራጨ ሂደት: ንድፍ ውስጥ ይህ አዲስ አስተሳሰብ!

ተለዋዋጮች እና ተግባራት ያለውን አገባብ

ጃቫስክሪፕትን-ተለዋዋጮች መለያ «ስክሪፕት» ውስጥ ይመደባሉ, እና ተግባር አካል ውስጥ ነው. ተግባራት በተመሳሳይ መንገድ የተገለጹ ናቸው. ልዩ ትርጉም ሌላ ተግባር አለ ተግባር ውስጥ መጻፍ, ነገር ግን በተለያዩ ምክንያቶች የተነሳ አስፈላጊ ሊሆን ይችላል, እና በጣም ምክንያታዊ ነው.

ተግባሩ መግለጫ በአጠቃላይ በውስጡ ስም ተከትሎ, በ ቁልፍ ቃል «ተግባር» ጋር ይጀምራል, በኮማ የተለዩ በቅንፍ ውስጥ እሴቶች, ዝርዝር, ለማጠናከሪያ ውስጥ ያለውን ተግባር አካል.

በዚህ ምሳሌ ውስጥ, ሁለት ተግባራት በገጹ እና በአገልጋዩ መካከል አጃክስ-ልውውጥ ለመስጠት እንደሆነ ተገልጿል ናቸው. በከፊል scXHR ሁለቱም InitXML ውስጥ የሚገኝ ስለሆነ, እና WaitReplySC ውስጥ, ከላይ የተገለጸው.

ተግባሩ ስም እና ግቤት "ተግባር"

ጃቫስክሪፕት-ተግባር ተግባር በአገልጋዩ ምላሽ በኋላ ተብሎ ጊዜ ባልተመሳሰለው ስሪት አለ አቅርቧል ተደርጓል. በመሆኑም የ አገልጋይ ምላሽ መቀበል, WaitReplySC, ገጹን መለያ በሚዳርስበት የተቀበለው መረጃ ይሞላል እና በደንብ ከአገልጋዩ ጋር ቀጣዩ ጥያቄ ካላስነሱ ይችላል ይህም ሌሎች ተግባራት, ያስከትላል.

አንድ ተግባር - እዚህ መሆኑን WaitReplySC መገንዘብ አስፈላጊ ነው. scXHR.onreadystatechange = WaitReplySC она передается как параметр. ነገር ግን መስመር scXHR.onreadystatechange = WaitReplySC ውስጥ እንደ ልኬት አልፏል ነው. ግቤቶች እንደ ሌሎች ተግባራት ይህ አጠቃላይ ደንብ ማስተላለፍ ተግባር. ተግባር ወዲያውኑ ተፈጻሚ ይሆናል - ጫፍ ቅንፍ እና እነሱን በውስጡ ግቤት (ዎች) ሰጥቷል. ብቻ, እንዲሁም እንዲሁ በምን ስም የተተረኩ. የጥሪ ተግባር ስሟ አግኝቷል ሰው ያደርገዋል.

አጃክስ በኩል ተግባራዊ ተግባራዊነት, እናንተ ከአገልጋይ የተቀበለው ውሂብ በኩል ጃቫስክሪፕት ተግባር እንዲደውል ይፈቅድለታል. እንዲያውም, እሷ ይዞራል, እና ምን መረጃ ጋር ይሰራሉ ይህም አገልጋዩ, አንድ ወይም ጨርሶ "ማወቅ" ይሆናል ሌላኛው ባህሪ አንድ ጥያቄ በመላክ ላይ.

ውጪ ተግባር እና ውጤት

ወደ ተግባር አካል, እናንተ, እንዲያውም, ይህ የታሰበ ነው ማንኛውም ቋንቋ ከዋኞች, መጻፍ ይችላሉ. ከውስጥ ባህሪያት ተለዋዋጮች በውስጥ እና በውጭ ተብለው ናቸው, ነገር ግን ሌሎች ተግባራት ውስጥ ተገልጸዋል እንጂ ሰዎች ነው.

አንተ ተግባር ውጤት መመለስ የሚፈልጉ ከሆነ, የ JavaScript መመለሻ መግለጫ መጠቀም ይችላሉ: መመለስ. ወደ ተግባር አካል መመለስ መግለጫዎች በቂ ቁጥር ሊሆን ይችላል. ይህም ሁሉም ተመሳሳይ አይነት ውጤት ይመለሳል አስፈላጊ አይደለም.

በተለምዶ, ገንቢዎች በዚህ አጋጣሚ የሚከበርበትን ናቸው ሲሆን, ሁኔታው የሚወሰን ሆኖ, በተቻለ ፍጥነት ተግባር ላይ ላለመገኘት ይወስኑ.

ይህም ተግባራት በሙሉ ስልተ በኩል መሮጥ አስፈላጊ አይደለም, መቼ ቀደም መውጣት ይችላሉ.

የተግባር ነጋሪ እሴቶች

እሴቶች በነጠላ ሰረዝ በመለየት ተግባር ዝርዝር, ወደ አልፈዋል ናቸው, በቅንፍ ውስጥ የተዘጉ, እና ልክ ስሟ በኋላ ናቸው. እሴቶች ተለዋዋጭ ስሞች ጥቅም ላይ, ነገር ግን በቀጥታ እሴቶች ማለፍ ይችላሉ. አንድ ተግባር ውስጥ ጃቫስክሪፕት ተግባር ማለፍ, አንተ ብቻ ቅንፍ ያለ ስሙን መጥቀስ አለብዎት.

ተግባር ከውስጥ አንድ ርዝመት ንብረት ያለው የሚገኝ ተለዋዋጭ ነጋሪ እሴቶች ነው. እናንተ ጭቅጭቅ በኩል በማንኛውም የክርክር ተግባር ሊያመለክት ይችላል [0], ጭቅጭቅ [1], ... ባለፉት አስረድቶ [arguments.length-1].

መከራከሪያ ተግባር መቀየር ውጭ በእርግጥ ተግባር ውስጥ ግን አይደለም. ተግባር ውጭ የሆነ ነገር ለመለወጥ እንዲቻል, የ ከዋኝ ይህም በኩል ወደ ውጭ ወደ የሚያስፈልገውን ዋጋ ያልፋሉ, ጃቫስክሪፕት መመለስ መጠቀም አለበት.

ተግባሩ ከጨረሰ በኋላ, በውስጡ አፈፃፀም ጋር የተያያዙ የነበረው ሁሉ, ይጠፋሉ. ወደ ተግባር በሚፈጸምበት ጊዜ ያለውን የውስጥ ውስጥ ያሉትን ጨምሮ ሌሎች ተግባራት ውስጥ ተገልጸዋል ሰዎች በስተቀር, ውጫዊ ተለዋዋጮች መቀየር ይችላሉ.

እኛ ጭቅጭቅ በአንድ የተወሰነ ጊዜ ላይ የሚደረግ እንደሆነ አንድ ተግባር ለመጥራት ታስቦ ነው callee ንብረት አለን. መንስኤ ራሱ ከሆነ, ተግባር ላይ ያለውን ተግባር የ JavaScript ስሪት recursion ተግባራዊ ያደርጋል.

ተግባራትን በመጠቀም

ተግባራት ዋናው ጉዳይ - ክስተት አሳሽ ለማገልገል. ይህ ማለት ይቻላል እያንዳንዱ መለያ ለማድረግ በውስጡ የማኑፋክቸሪንግ አንድ ክስተት ስም እና ተግባር እንዲገልጹ ችሎታ አለው. በርካታ ክስተቶችን መጥቀስ ይችላሉ, ነገር ግን እያንዳንዱ ክስተት ብቻ አንድ ተግባር መሆኑን ይጠቁማል.

አንድ ተግባር በርካታ የገጽ አባሎችን እና ጥቂት ክስተቶችን ማስተናገድ ይችላሉ. «ይህ» አማራጭ አማካኝነት እርስዎ ተብሎ ነበር የት መረጃ ተግባር ማስተላለፍ ይችላሉ.

JS-ተግባራት መካከል ክላሲክ አጠቃቀም - ንጥረ ላይ ክስተቱን ተቆጣጣሪዎችን. በዚህ ምሳሌ ውስጥ scfWecomeGo () ተግባር ወይም scfWelcomeCancel () ወደ ጎብኚ ግብዓት / ውጽዓት ቅጽ ይባላል, እና ነው ክወናው ሁነታ scfMenuItemClick (ይህ) መምረጥ ጊዜ.

በኋላኛው ጉዳይ, አለፈ ግቤት አንተ በተአምር ተብሎ ነበር ነገር ነው diva መማር የሚያስችልዎ «ይህ», ነው. እንደ እውነቱ ከሆነ, ጃቫስክሪፕት እንዲሁ qualitatively በ DOM ውስጥ ተተክሏል ነው, እና በጣም አመቺ እናንተ ገጾች ውስብስብ በቀላሉ ያልተጠበቀ ሊሆን የሚችል አስፈላጊውን መረጃ ለመሰብሰብ, የራሱ ክፍሎችን ለመዳሰስ ያስችለዋል ነው.

ወደ ተግባር ሕብረቁምፊ, ቁጥር, ወይም ሌላ ተግባር መመለስ የለውም. ይህም ሙሉ ኤችቲኤምኤል-ኤለመንት መመለስ ይችላሉ, እና ክፍሎች የሚያስፈልገውን ቁጥር ያላቸውን ተቆጣጣሪዎች, ያላቸውን ክስተቶች ጋር, የትኛው ነው.

በገጹ ላይ አንድ አባል በማስቀመጥ, ገንቢው ጎብኚዎች መካከል ያለውን ፍላጎት ችግሩን መፍታት እና ለማሟላት አንፃር ጥሩ, ግን አፈፃፀም አንፃር በጣም አስቸጋሪ ነው አዲስ ተግባር ይፈጥራል.

ልማት ጀምሮ እንደዚህ ያለ ሰው ወይም ከገጹ ሌላ ይዘት ተቋቋመ ጊዜ ጊዜያት ውስጥ, የተግባር ጥሪዎች ውስጥ ቤተኛ ኮድ ውስጥ ያጡ ወይም ለማግኘት ሙሉ በሙሉ, ተግባራዊ ቀላል ነው. የልማት እንዲህ ያለ አመራር በመውሰድ በፊት በደንብ ሁሉንም ነገር ክብደቱ አንድ እንቅፋት አይደለም.

አስተሳሰብ ስርጭት ላይ

ወደ ገንቢ ሁሉንም ክስተቶች ላይ ከገጹ ሁሉንም ክፍሎች, ደረጃ ላይ ማሰብ, እና ሁሉም ነገር በትክክል ይከሰታል እንዴት ግልጽ አቀራረብ እንዲኖራቸው አለው. አስቸጋሪ ነው, ነገር ግን ሥራ የሚክስ ነው.

ጃቫስክሪፕት ውስጥ, ተግባር በአንዳንድ ክስተት ድረስ ሊዘገይ ይችላል, እና እንደዚህ ያሉ ባህሪያትን ብዙ ሊሆን ይችላል, እና ክስተቶችን አነጠፉ እና የተለያዩ በአቀነባባሪዎች መካከል "ታይነት ውስጥ ሉል" ወደ ለማግኘት ዝንባሌ አላቸው.

በዚህ ምሳሌ ውስጥ, ተግባር ተብሎ ነበር ቦታ በፊት, ይህም አንድ ንጥል ፋይል የዳሰሳ ምናሌ አስጀምሯል. ይህ መስኮት ውስጥ ይወገዳል እና ሊካሄድ ይችላል ብቻ ሰባት ፋይሎች, ነው, የገጽ ይታሰባል. ሰባት ረድፎች ያለውን ረድፍ ላይ ጠቅ በማድረግ አንድ ፋይል, እና የቀስት ቁልፎችን እና ህንጻዎች ሊንቀሳቀስ ይችላል.

በእያንዳንዱ ሁኔታ ውስጥ የራሱ የሆነ ተግባር አለው. በሌላ አነጋገር, በዚህ ቀላል ምሳሌ ላይ, የተለያዩ ክስተቶች ምላሽ ይሆናል ባህሪያት በደርዘን አንድ ሁለት መጻፍ ይኖርብናል, እንዲሁም ከእነዚህ ተግባራት መካከል አንዳንዶቹ ሁኔታዎች ያልሆነውን ነበር አማራጮች እና በተለያየ ሁኔታ ማስተናገድ ይሆናል.

ለምሳሌ ያህል, ታችኛው መስመር በማስወገድ ጊዜ upwardly የተፈናቀሉ አለበት. ይህ የሚያስፈልጋቸው ወይም በግልጽ አዲስ ተራ ነገር እንደሆነ መረጣ እና ሀብት እንዲሆን, ወይም, መስመሮች መቁጠር በድርድሩ ላይ የ JavaScript ተግባር ለመጠቀም እና የሚያምር ግብ ለማሳካት እንተጋለን.

እሴቶች እና ተግባራት መካከል ውጤቶች

ጃቫስክሪፕት የ "ሙሉ-ጎልቶ" ሁኔታ ወደ ኮድ ለማምጣት ያስችላል. በተለምዶ, መቼ ተግባር እሴት ተግባር ነው. የተፈቀደው አማራጭ, ተግባር ተግባር ይመልሳል. ጃቫስክሪፕት በጣም በእርጋታ ቢያስፈልግም.

ይህ ጥሩ ዘዴ, ነገር ግን አፈፃፀም ጋር በተያያዘ ይልቅ ውስብስብ ነው. በቴክኒክ የሚፈቀድ አቀነባበርና ብቻ ብቃት ገንቢ "ተግባራዊ" ሎጂክ ማስተላለፍ ይሰጣሉ.

መቼ ተግባር ውስጥ ጃቫስክሪፕት ተግባር - ሁሉም መብት, ነገር ግን ተግባሩ ተግባር ያመነጫል, እና ሌላ ዘንድ: ወደ ሎጂክ መከተል በጣም አስቸጋሪ በሚሆንበት ጊዜ. እንዲያውም ጥያቄ ክህሎቶች ተግባራዊ ለማድረግ, ጥያቄ አስተማማኝ እና ትክክለኛ ውጤት ለማግኘት ነው አለመሆኑን አይደለም.

የገንቢ እንክብካቤ ግልጽና ቀላል ነው. አንድ ችግር አለ, አንድ መፍትሔ ያስፈልጋቸዋል, እንደ ሳይሆን ሳንካ «ጃቫስክሪፕት ስህተት ክወና የማያስተማምን ነውና» , ባዶ ማያ ገጽ, ወይም ሁሉንም የአሳሽ ፕሮግራም ማቆም.

መከራከሪያ ከዚያም ተግባር, ልዩ ባህሪያት ጋር አንድ ተለዋዋጭ ማለፍ ገንቢው ከሆነ, ይህ ቁጥር ሳይሆን ሕብረቁምፊ ሳይሆን ግዑዝ ነገር አይደለም. ነገር ግን እንዲህ ያለ ክርክር አጠቃቀም ውጫዊ ተለዋዋጮች ለመለወጥ እና ተግባር አፈጻጸም ውጤት መሆኑን እውነታ ሊያመራ ይችላል. ይተላለፋል በቂ እንደሚሆን ለውጥ ላይ የሚወሰን.

የመነጨ የኮድ መገደል

ሥራ ሌላ ኮድ አካሄድ ውስጥ የመነጨው የሞት ኮድ ለመተግበር, ይህ «ኢቫል» አማካኝነት ይቻላል. ይህ አላስፈላጊ ተግባር ጋር ያለውን ኮድ ችግር ሊያስከትሉ አይችልም, እንዲሁም ጃቫስክሪፕት የኮድ ተራ መስመር ምስረታ ለመገደብ እና በቀላሉ ለማስፈጸም ብዙውን ጊዜ ጥሩ መፍትሔ ሊሆን ይቆጠራል, ነገር ግን አይደለም.

በዚህ ምሳሌ ውስጥ አስገባ operable div ወደ አንዳንድ መረጃዎችን የረዷቸውን ተቋቋመ ነው. Diva እና የተለያዩ የሥራ ለተለያዩ ቁጥር መረጃ ይዘት, በዚህ ሁኔታ ውስጥ እንዲህ ያለ ውሳኔ «ቀዶ ያልተጠበቀ ነው የ JavaScript ስህተት» ያለ ዋስትና ሁኔታ አይሰጥም; ምክንያቱም , ነገር ግን በጥብቅ ተፈላጊውን ውጤት ይሰጣል.

ያነብበዋል ጃቫስክሪፕት የአቋም ለውጥ "ተግባር ውስጥ ተግባር"

እናንተ frills ያለ ማድረግ ይችላሉ ከሆነ መጠቀም የተሻለ ነው. እነዚህ አማራጮች ሁሉ መልካም ናቸው. እርግጥ ነው, በብዙ አጋጣሚዎች, ብቸኛው መፍትሔ ነው.

recursion አንድ የተለመደ ምሳሌ: ብዜትን. በዚያ ምልልስ ፈቃድ አንድ ስልተ ለመጻፍ በቂ አስቸጋሪ ነው, ነገር ግን ወደ ፖስታ እሴቶች መግፋት እንችላለን, በጣም ቀላል ነው. ብዜት በጣም በፍጥነት እያደገ ነው.

በመደበኛ ነገሮች - ይሁን recursion, እና ተግባር በመረጃ ተዘዋዋሪ ማድረግ የሚችል ሌላ ተግባር, ይጠራል.

ለምሳሌ ያህል, መደበኛ ሠንጠረዥ. ሌላኛው ጠረጴዛ ጠረጴዛ ሊሆን ይችላል. የማጠራቀም መገደብ አይችልም. በጣም ብዙ የቅንጦት - እያንዳንዱ ጠረጴዛ ለ ባህሪዎች የራሱ ስብስብ ጻፍ.

እንዲህ ምሳሌዎች በርካታ ናቸው, እና ይህን ሁሉ እንጂ ስለ ፕሮግራሚንግ, እውነተኛ እና አሳሳቢ ችግር ይሆናል. ችግሩ ምንም-frills ተግባራት ስርዓት ማዘጋጀት አይደለም እውነታ ውስጥ ተያዘ ለዚህ ነው ይበልጥ ትክክለኛ, በውስጡ ማረም እና ተከታይ አስተማማኝ ቀዶ ጃቫስክሪፕት እንክብካቤ, እና ገንቢ ይሆናል.