JavaScript: ឧទាហរណ៍កម្មវិធី

ប្រសិនបើមិនបានជ្រមុជទឹកភ្លាមចូលទៅក្នុងវាក្យសម្ព័ន្ធសង្ខេបនិងសញ្ញាន័យវិទ្យាដែលមានមុខងារ JavaScript, ឧទហរណ៍សាមញ្ញនឹងជួយកូដដើម្បីរៀនយ៉ាងរហ័សពីរបៀបឱ្យប្រសើរឡើងនូវភាពស្វាហាប់និងប្រសិទ្ធភាពនៃទំព័រនេះ។

JS - ភាសាសរសេរកម្មវិធី "ខាងក្នុង" កម្មវិធីរុករក។ JavaScript ដែលមានបទពិសោធន៍យ៉ាងទូលំទូលាយធ្វើការជាមួយធាតុទំព័រដំណោះស្រាយដើមនៅក្នុងវាលនៃ Object-Oriented Programming នេះ "អាច" ដើម្បីទំនាក់ទំនងជាមួយម៉ាស៊ីនបម្រើ, ដោយសារតែមនុស្សជាច្រើននៃ JavaScript សំណាកកូដគឺមិនអាចប្រើក្នុងការយល់និងអនុវត្តភ្លាម។

ទូទៅតាមរយៈការឯកជន: ការចាប់ផ្តើមសាមញ្ញ

សរសេរកម្មវិធីនៅក្នុងកម្មវិធីរុករកនេះគឺនៅតែមានវ័យក្មេងដែលទាក់ទង, ប៉ុន្តែបង្គរមួយដែលមានគុណភាពខ្ពស់និងបទពិសោធដើមយ៉ាងឆាប់រហ័ស។ វាក្យសម្ព័ន្ធនិងសញ្ញាន័យវិទ្យាដែលទទួលបានពី JavaScript ដែលមានចំណងជើងថា "ដូនតា", ហើយនៅក្នុងផ្នែកមួយមុខងារនិងការអនុវត្តជាក់ស្តែងនៃវាក្យសម្ព័ន្ធ - មិនធ្លាប់មានចាប់តាំងពីភាសាសរសេរកម្មវិធីមុនអ៊ិនធឺណិ, ជាពិសេស C / C ++, លោក Pascal ។

ការរកមើលនូវគំរូ JavaScript, មិនស្វែងរកការយល់អំពីតក្កនៃការគិតរបស់អ្នកនិពន្ធនិងមុខងារនៃក្បួនដោះស្រាយនេះ - ការងារដែលមិនអាចនឹងជោគជ័យនេះល្អប្រសើរជាងមុនដើម្បីផ្តោតទៅលើការអនុវត្តន៍ឯកជនផ្ទាល់ខ្លួនរបស់អ្នក។

គ្រាន់តែចាប់ផ្តើមជាមួយនឹងការតភ្ជាប់នៅលើដោះស្រាយ onload ស្លាករាងកាយនិងសរសេរប្រពៃណី "ជំរាបសួរ" នៅក្នុងរចនាប័ទ្មទំនើបមួយ "I`m ត្រៀមខ្លួនជាស្រេច" ។

ឧទាហរណ៍ទាំងនេះបង្ហាញនៅក្នុង JavaScript:

• ព្រឹត្តិការណ៍ onload នេះបានកើតមានឡើងបន្ទាប់ពីការផ្ទុកទំព័រត្រូវបានផ្ដល់កម្មវិធីដោះស្រាយមួយ - GoPage () មុខងារ;
• ផ្ទុកទំព័រនិងមុខងារគ្រប់គ្រងទទួល GoPage ();
• intercom ជាមុខងារជូនដំណឹងនៃភាសាដែលបានបង្ហាញសារក្នុងកម្មវិធីរុករក "ខ្ញុំពិតជាត្រៀមខ្លួនជាស្រេច";
• ភ្ញៀវទេសចរកម្មវិធីរុករករំពឹងថាប្រតិកម្ម។

អត្ថាធិប្បាយបានរៀបរាប់ពីសកម្មភាពដែលជាធម្មតាត្រូវតែត្រូវបានធ្វើបន្ទាប់ពីទំព័រទាញយកនិងចាប់ផ្ដើមកម្មវិធីកំណត់ពេលវេលា។

ងាយស្រួលណាស់: JS ត្រូវបានផ្សារភ្ជាប់យ៉ាងជិតស្និតទៅនឹងធាតុយ៉ាងខ្លាំងទំព័រនេះ។ ដូច្នេះហៅ document.getElementById ផ្ដល់នូវតំណមួយដើម្បី div ដែលមានជាមួយ "scTimer" គ្រឿងសម្គាល់។ ការប្រើប្រាស់ការសាងសង់នេះ dTimer.innerHTML = "ដែលត្រឹមត្រូវណាមួយ កូដ HTML" អ្នកអាចប្តូរថាមវន្តមាតិកានៃ div នេះ។

វាជាពិសេសគួរតែយកចិត្តទុកដាក់ទៅកំហុសនៅក្នុងរាងកាយរបស់ដែលមិនចង់បានស្គ្រីបនៅក្នុង JavaScript នេះ។ ឧទាហរណ៍នៃការនេះបង្កឱ្យមានផលវិបាកអវិជ្ជមាន។ លេខកូដខាងលើបានបញ្ជាក់ជូនដំណឹង ( "ខ្ញុំពិតជាត្រៀមខ្លួនជាស្រេច '), និងការងារវាមិន។ ដើម្បីបង្ហាញប្រភេទណាមួយនៃជួរដេកដែលអនុញ្ញាតឱ្យសញ្ញា: ទាំងពីរទោលនិងទ្វេរដង, ម្ល៉ោះនៅក្នុងគូនៃប្រភេទមួយអាចត្រូវបានប្រើតែម្នាក់ឯងទៀត - ដូចជានិមិត្តសញ្ញាមួយ។

ក្នុងករណីនេះវាគួរតែត្រូវបានបញ្ជាក់, ទាំងជូនដំណឹង ( "ខ្ញុំពិតជាត្រៀមខ្លួនជាស្រេច"), ការជូនដំណឹង ( 'I`m ត្រៀមខ្លួនជាស្រេច'), ការជូនដំណឹង ( "ខ្ញុំត្រៀមខ្លួនជាស្រេច \ 'm') ឬបន្សំផ្សេងទៀត។

កំហុសក្នុងការ JS កូដ

នៅពេលដំបូងគឺជាកម្មវិធីរុករកនៅលើផ្តួចផ្តើមរបស់អ្នកទស្សនាដែលគាត់បានផ្ទុកទំព័រនៃតំបន់បណ្តាញដែលបានកសាងឡើងមែកធាង DOM ជាមួយនិងបើកមុខងារ JavaScript: ដើម្បីផ្តល់ឱ្យគាត់នូវឱកាសដើម្បីវិភាគលើទំព័រផ្ទុកដែលបានចាប់ផ្ដើមធាតុរបស់ខ្លួនកម្មវិធីដោះស្រាយព្រឹត្តិការណ៍, និងការតភ្ជាប់ដើម្បីធ្វើឱ្យទំនាក់ទំនងជាមួយនឹងម៉ាស៊ីនបម្រើ។

ការវិភាគ JavaScript (ឧទាហរណ៍) វាគឺជាការចាំបាច់ក្នុងការយកចិត្តទុកដាក់កូដបំបាត់កំហុស។ នីតិវិធីនេះគឺមានកាន់តែខ្លាំងឡើងធ្លាក់លើអភិវឌ្ឍន៍។ កម្មវិធីរុករកនៅក្នុងការដែលការងារនេះត្រូវបានអនុវត្ត, អាចស្នើឱ្យមានឧបករណ៍បំបាត់កំហុសទាំងនេះឬផ្សេងទៀតប៉ុន្តែបទពិសោធបានបង្ហាញថាការប្រកាន់ខ្ជាប់យ៉ាងតឹងរឹងទៅវាក្យសម្ព័ន្ធភាសាភាពងាយស្រួលនិងភាពត្រឹមត្រូវនៃក្បួនដោះស្រាយមានឥទ្ធិពលច្រើននៅលើការសំរេចបាននូវលទ្ធផលប្រតិបត្តិការ។