អូ! ខ្ញុំបានធ្វើវាម្តងទៀត៖ ការបំបាត់កំហុសទូទៅនៅក្នុង JavaScript

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

យើងរំលឹក៖ សម្រាប់អ្នកអានទាំងអស់នៃ "Habr" - ការបញ្ចុះតម្លៃ 10 rubles នៅពេលចុះឈ្មោះក្នុងវគ្គសិក្សា Skillbox ណាមួយដោយប្រើលេខកូដផ្សព្វផ្សាយ "Habr" ។

Skillbox ណែនាំ៖ វគ្គសិក្សាជាក់ស្តែង "អ្នកអភិវឌ្ឍន៍ចល័ត PRO".

ប្រភេទកំហុស៖ ទ្រព្យសម្បត្តិមិនត្រូវបានកំណត់ទេ។

let girl = {
    name: "Lucky",
    location: "Hollywood",
    profession: "star",
    thingsMissingInHerLife: true,
    lovely: true,
    cry: function() {
        return "cry, cry, cries in her lonely heart"
    }
}
console.log(girl.named.lucky)

កូដឧទាហរណ៍ខាងលើបោះចោលកំហុស Uncaught TypeError: មិនអាចអានទ្រព្យសម្បត្តិ 'សំណាង' ដែលមិនត្រូវបានកំណត់។ បញ្ហាគឺថាវត្ថុក្មេងស្រីមិនមានទ្រព្យសម្បត្តិដែលមានឈ្មោះទេទោះបីជាវាមានទ្រព្យសម្បត្តិឈ្មោះក៏ដោយ។ ហើយចាប់តាំងពីទ្រព្យសម្បត្តិ girl.named មិនត្រូវបានកំណត់ អ្នកមិនអាចចូលប្រើវាបានទេ ព្រោះជាផ្លូវការវាមិនមានទេ។ ប៉ុន្តែប្រសិនបើអ្នកជំនួស girl.named.lucky ជាមួយ girl.name នោះអ្វីៗនឹងដំណើរការ ហើយកម្មវិធីនឹងត្រលប់មកវិញ Lucky ។

អ្នកអាចស្វែងយល់បន្ថែមអំពីលក្ខណៈសម្បត្តិ សូមអាននៅទីនេះ.

វិធីដោះស្រាយ TypeErrors

TypeErrors កើតឡើងនៅពេលដែលអ្នកសរសេរកម្មវិធីព្យាយាមធ្វើសកម្មភាពលើទិន្នន័យដែលមិនត្រូវគ្នានឹងប្រភេទជាក់លាក់មួយ។ ឧទាហរណ៍រួមមានការប្រើ .bold() ស្នើសុំទ្រព្យសម្បត្តិដែលមិនបានកំណត់ ឬហៅមុខងារដែលមិនមែនជាមុខងារពិតប្រាកដ។

ដូច្នេះ ប្រសិនបើអ្នកព្យាយាមហៅ girl() អ្នកនឹងទទួលបាន error Uncaught TypeError: yourVariable.bold មិនមែនជា function ហើយ girl មិនមែនជា function ទេ ព្រោះវាពិតជា object ដែលត្រូវបានហៅ មិនមែនជា function ទេ។

ដើម្បីលុបបំបាត់កំហុសអ្នកត្រូវសិក្សាអថេរ។ ដូច្នេះតើក្មេងស្រីគឺជាអ្វី? តើក្មេងស្រីឈ្មោះអ្វី? អ្នកអាចស្វែងយល់ដោយការវិភាគកូដ បង្ហាញអថេរដោយប្រើ console.log ពាក្យបញ្ជាបំបាត់កំហុស ឬហៅឈ្មោះអថេរក្នុងកុងសូល។ អ្នកត្រូវប្រាកដថាវាអាចធ្វើទៅបានដើម្បីដំណើរការលើប្រភេទទិន្នន័យដែលមាននៅក្នុងអថេរ។ ប្រសិនបើវាមិនសមទេ ផ្លាស់ប្តូរវា ឧទាហរណ៍ បន្ថែមលក្ខខណ្ឌ ឬសាកល្បង..catch block - ហើយទទួលបានការគ្រប់គ្រងលើការប្រតិបត្តិនៃប្រតិបត្តិការនេះ។

ជង់លើស

ប្រសិនបើអ្នកជឿថាអ្នកនិពន្ធនៃបទចម្រៀងទៅបទចម្រៀង Baby One More Time (នេះគឺជា Britney Spears បាទ) នោះពាក្យដែលបុកក្នុងបរិបទនេះមានន័យថាបំណងប្រាថ្នារបស់តារាចម្រៀងត្រូវហៅម្តងទៀត (នេះគឺជាការពន្យល់អំពីបរិបទនៃ ចម្រៀង - កំណត់ចំណាំរបស់អ្នកបកប្រែ) ។ វាប្រហែលជាថាបំណងប្រាថ្នានេះនឹងនាំឱ្យមានការកើនឡើងនៃចំនួននៃការហៅទូរស័ព្ទនៅក្នុងជីវិតពិត។ ប៉ុន្តែនៅក្នុងការសរសេរកម្មវិធី នេះគឺជាការហៅឡើងវិញដែលអាចបណ្តាលឱ្យមានកំហុសប្រសិនបើជង់ការហៅលើស។

កំហុសមើលទៅដូចនេះ៖

កំហុស៖ អស់​ទំហំ​ជង់ (គែម)
កំហុស​ខាង​ក្នុង៖ ការ​ប្រើ​ដដែលៗ​ច្រើន​ពេក (Firefox)
កំហុសជួរ៖ លើសទំហំការហៅចូលអតិបរមា (Chrome)

ការលើសជង់កើតឡើង ប្រសិនបើអ្នកអភិវឌ្ឍន៍មិនពិចារណាករណីមូលដ្ឋាននៅក្នុងការហៅឡើងវិញ ឬប្រសិនបើកូដមិនដោះស្រាយករណីដែលមានបំណង។

function oneMoreTime(stillBelieve=true, loneliness=0) {
    if (!stillBelieve && loneliness < 0) return
    loneliness++
    return oneMoreTime(stillBelieve, loneliness)
}

ក្នុងករណីនេះ StillBelieve មិនអាចមិនពិតបានទេ ដូច្នេះ oneMoreTime នឹងត្រូវបានហៅរាល់ពេល ប៉ុន្តែមុខងារនឹងមិនបញ្ចប់ឡើយ។

ប្រសិនបើអ្នកចាប់ផ្តើមពឹងផ្អែកលើមិត្តពីរនាក់ វានឹងកាត់បន្ថយភាពឯកា ហើយអ្នកមិនចាំបាច់រង់ចាំការហៅទូរសព្ទទេ។

function oneMoreTime(stillBelieve=true, loneliness=0) {
    if (!stillBelieve && loneliness < 0) return
    loneliness--
    stillBelieve = false
    return oneMoreTime(stillBelieve, loneliness)
}

ឧទាហរណ៍មួយគឺជាករណីដែលមានរង្វិលជុំគ្មានកំណត់ នៅពេលដែលប្រព័ន្ធមិនបង្កើតសារកំហុស ប៉ុន្តែទំព័រដែលកូដ JavaScript ត្រូវបានប្រតិបត្តិគ្រាន់តែបង្កក។ វាកើតឡើងប្រសិនបើ while loop មិនមានលក្ខខណ្ឌបញ្ចប់។

let worldEnded = false
 
while (worldEnded !== true) {
  console.log("Keep on dancin' till the world ends")
}

អ្នកអាចដោះស្រាយបញ្ហាដូចខាងក្រោមៈ

let worldEnded = false
 
while (worldEnded !== true) {
  console.log("Keep on dancin' till the world ends")
  worldEnded = true
}

ការកែកំហុសរង្វិលជុំ និងការបង្កើតឡើងវិញគ្មានកំណត់

ប្រសិនបើអ្នកមានបញ្ហារង្វិលជុំគ្មានកំណត់ អ្នកត្រូវបិទផ្ទាំងនៅក្នុង Chrome ឬ Edge ហើយបិទបង្អួចកម្មវិធីរុករកនៅក្នុង Firefox ។ បន្ទាប់ពីនេះអ្នកត្រូវវិភាគកូដដោយប្រុងប្រយ័ត្ន។ ប្រសិនបើអ្នកមិនអាចរកឃើញបញ្ហាទេ វាមានតម្លៃបន្ថែមពាក្យបញ្ជាបំបាត់កំហុសទៅរង្វិលជុំ ឬមុខងាររបស់អ្នក ហើយពិនិត្យមើលតម្លៃនៃអថេរ។ ប្រសិនបើលទ្ធផលមិនឆ្លើយតបទៅនឹងអ្វីដែលរំពឹងទុកនោះ យើងជំនួសវា នេះអាចត្រូវបានធ្វើយ៉ាងងាយស្រួល។

ក្នុងឧទាហរណ៍ខាងលើ កម្មវិធីបំបាត់កំហុសគួរតែត្រូវបានបន្ថែមជាជួរទីមួយនៃមុខងារ ឬរង្វិលជុំ។ បន្ទាប់មកអ្នកត្រូវបើកផ្ទាំងបំបាត់កំហុសនៅក្នុង Chrome ដោយវិភាគអថេរក្នុងវិសាលភាព។ ដោយប្រើប៊ូតុងបន្ទាប់ អ្នកអាចតាមដានការផ្លាស់ប្តូររបស់ពួកគេនៅពេលធ្វើម្តងទៀតនីមួយៗ។ ទាំងអស់នេះគឺងាយស្រួលក្នុងការធ្វើហើយក្នុងករណីភាគច្រើនបញ្ហាត្រូវបានរកឃើញ។

អ្នកអាចអានបន្ថែមអំពីទាំងអស់នេះនៅទីនេះ (សម្រាប់ Chrome) ហើយនៅទីនេះ (សម្រាប់ Firefox).

កំហុសវាក្យសម្ព័ន្ធ

កំហុសមួយក្នុងចំណោមកំហុសទូទៅបំផុតនៅក្នុង JavaScript គឺ SyntaxError ។ ផ្នែកបន្ថែមកម្មវិធីនិពន្ធអត្ថបទនឹងជួយអ្នកជៀសវាងពួកគេ។ ឧទាហរណ៍ Bracket Pair Colorizer សម្គាល់តង្កៀបនៅក្នុងកូដដែលមានពណ៌ផ្សេងគ្នា ហើយ Prettier ឬឧបករណ៍វិភាគស្រដៀងគ្នានេះធ្វើឱ្យវាអាចស្វែងរកកំហុសបានយ៉ាងឆាប់រហ័ស។ ជម្រើសដ៏ល្អបំផុតដើម្បីកាត់បន្ថយលទ្ធភាពនៃ SyntaxError គឺការដាក់សំបុកតិចតួចបំផុត។

ចែករំលែកនៅក្នុងមតិយោបល់៖ តើអ្នកធ្វើអ្វីដើម្បីការពារកំហុស ឬរកឃើញ និងលុបបំបាត់វាឱ្យលឿន?

Skillbox ណែនាំ៖

• វគ្គសិក្សាជាក់ស្តែងរយៈពេលពីរឆ្នាំ "ខ្ញុំជាអ្នកបង្កើតគេហទំព័រ PRO".
• វគ្គសិក្សាតាមអ៊ីនធឺណិត "អ្នកអភិវឌ្ឍន៍ C# ពី 0".
• វគ្គសិក្សាជាក់ស្តែងឆ្នាំ "អ្នកអភិវឌ្ឍន៍ PHP ពី 0 ដល់ PRO".

ប្រភព: www.habr.com