JavaScript кодыг хэлбэржүүлэх болон шахах үйл явц
JavaScript хөгжүүлэлтийн явцад кодын уншигдах чадвар болон вэб хуудасны ачааллын хурд хоёрын тэнцвэрийг хадгалах нь чухал байдаг. Хөгжүүлэгчид кодыг бичих, засах шатанд уншихад хялбар бүтцийг илүүд үздэг бол бэлэн болсон бүтээгдэхүүнийг хэрэглэгчдэд хүргэхдээ файлын хэмжээг хамгийн бага байлгахыг зорьдог.
JavaScript Хэлбэржүүлэгч ба Шахагч хэрэгсэл нь эдгээр хоёр хэрэгцээг нэг дор шийддэг. Хэрэглэгч өөрийн кодыг оруулснаар дараах хоёр үйлдлийг гүйцэтгэх боломжтой:
- Хэлбэржүүлэх: Кодонд догол мөр, зай болон мөр шилжилтийг нэмж өгснөөр унших, дүн шинжилгээ хийх болон алдааг засахад хялбар болгоно.
- Шахах: Кодын ажиллагаанд нөлөөлөхгүйгээр шаардлагагүй хоосон зай, тайлбар болон ашиглагдаагүй кодыг устгаж, файлын хэмжээг багасгана.
Энэхүү хэрэгсэл нь оролтын хэмжээг хамгийн ихдээ 3,000,000 тэмдэгтээр хязгаарладаг. Хэрэв оруулсан код энэ хязгаараас давбал систем "Энэ файл боловсруулахад хэтэрхий том байна. Жижиг файл сонгоно уу." гэсэн алдааг заана. Мөн боловсруулах хугацаа 20 секундээс хэтэрвэл ажиллагааг зогсоож, "Хэтэрхий их хугацаа шаардсан тул зогсоолоо — жижиг файл сонгоно уу." гэсэн мэдэгдлийг харуулдаг.
Кодын хэмжээ болон уншигдах чадварын хамаарал
JavaScript файлыг хэлбэржүүлэх болон шахах нь кодын хэмжээ болон түүнийг унших боломжид шууд нөлөөлдөг. Хөгжүүлэгчид болон техникийн хэрэглэгчид гуравдагч этгээдийн шахсан эсвэл далдлагдсан кодыг шалгах шаардлагатай үед хэлбэржүүлэх үйлдлийг ашигладаг. Энэ нь кодыг "unminify" хийх буюу бүтцийг нь сэргээж байгаа хэрэг боловч анхны хувьсагчийн нэрс болон тайлбарыг буцаан сэргээх боломжгүй байдаг.
Шахах үйл явц нь вэб гүйцэтгэлийг оновчтой болгох үндсэн аргуудын нэг юм. Хоосон зай, тайлбар болон ашиглагдаагүй кодууд нь хөтөч кодыг уншиж ажиллуулахад нөлөөлдөггүй боловч файлын хэмжээг нэмэгдүүлж, татах хугацааг уртасгадаг. Шахалт хийсний дараа систем "Шахсан — {pct}% жижиг болсон." гэсэн мэдээллийг харуулж, хэмжээ хэрхэн багассаныг хувиар илэрхийлдэг.
Хувьсагчийн нэрсийг удирдах дүрэм
Кодыг шахах үед локал хувьсагчийн нэрсийг хэрхэн шийдэхийг хэрэглэгч өөрөө сонгох боломжтой. Энэ нь файлын хэмжээ болон кодыг дараа нь унших боломжид нөлөөлнө:
- Богиносгох: Локал хувьсагчдын нэрийг ганц тэмдэгттэй болгон өөрчилнө. Энэ нь файлыг хамгийн жижиг хэмжээтэй болгох боломжийг олгодог.
- Үлдээх: Хувьсагчийн нэрсийг хэвээр үлдээх бөгөөд үр дүнд нь үүссэн файл арай том хэмжээтэй байх боловч уншиж, алдааг засахад илүү хялбар байдаг.
Шахах үйл явцад кодын доторх /*! … */ хэлбэртэй лицензийн баннеруудыг устгахгүйгээр хэвээр хадгалж үлддэг. Хэрэв оруулсан кодонд ямар нэгэн синтаксийн алдаа байвал систем "Энэ JavaScript-ийг боловсруулж чадсангүй." гэсэн алдааг заадаг. Мөн шахалтын үр дүнд ажиллуулах боломжтой код үлдэхгүй бол "Шахсаны дараа юу ч үлдсэнгүй — оролтод ажиллуулах боломжтой код байсангүй." гэсэн мэдэгдэл гарна.
Оролт, гаралт болон хяналтын үзүүлэлтүүд
Хэрэгслийн ажлын талбарт кодыг оруулж боловсруулсны дараа үр дүнг тусгай унших горим бүхий редакторт харуулах бөгөөд дараах үзүүлэлтүүдийг бодит хугацаанд тооцоолж гаргадаг:
| Үзүүлэлт | Тайлбар |
|---|---|
| Мөр | Боловсруулж гаргасан кодын нийт мөрийн тоо. |
| Тэмдэгт | Гаралтын кодонд орсон нийт тэмдэгтийн тоо. |
| Хэмжээ | Гаралтын кодын хэмжээг UTF-8 байтаар илэрхийлсэн үзүүлэлт. |
Хэрэглэгч хэлбэржүүлэх үйлдлийг сонгохдоо догол мөрийн загварыг 2 зай, 4 зай эсвэл Tab байхаар тохируулж болно. "Цэвэрлэх" товчийг дарснаар оролт, гаралт болон хадгалагдсан нооргийг бүрэн устгаж, системийг анхны төлөвт оруулна.
Нууцлал болон өгөгдөл боловсруулалт
Энэхүү хэрэгслийг ашиглах үед хэрэглэгчийн оруулсан JavaScript код нь зөвхөн таны хөтөч дотор хэлбэржүүлэгдэж, шахагддаг. Боловсруулалт бүхэлдээ хэрэглэгчийн төхөөрөмж дээр хийгдэх бөгөөд BroBroGo сервер рүү ямар нэгэн өгөгдөл илгээгдэхгүй эсвэл хуулагдахгүй.
Түгээмэл асуултууд
Хэлбэржүүлэх (beautify) болон шахах (minify) хоёрын ялгаа юу вэ? Хэлбэржүүлэх (Beautify) нь кодыг унших, алдааг шалгахад хялбар болгох үүднээс догол мөр, зай авдаг — энэ нь шахсан эсвэл далдлагдсан файлыг ойлгох хамгийн хурдан арга юм. Шахах (Minify) нь эсрэгээрээ: хоосон зай, тайлбар болон ашиглагдаагүй кодыг устгаж, файлыг илүү хурдан татагддаг болгодог. Уншихын тулд хэлбэржүүлж, бэлэн болгохдоо шахна уу.
Шахсан кодыг анхны хэлбэрт нь буцааж оруулж чадах уу? Энэ нь догол мөр болон мөр шилжилтийг сэргээж, логикийг дахин унших боломжтой болгодог боловч анхны хувьсагчийн нэрс эсвэл тайлбарыг буцааж авчирч чадахгүй — шахах үед тэдгээрийг бүрмөсөн устгадаг тул ямар ч хэрэгсэл сэргээх боломжгүй юм. Таны авах үр дүн бол яг ижил код бөгөөд зөвхөн илүү тодорхой бүтэцтэй харагдах болно.
Богиносгох (Shorten) болон Үлдээх (Keep) нэрний сонголтууд юу хийдэг вэ? Хоёулаа хоосон зай, тайлбар болон ашиглагдаагүй кодыг устгадаг бөгөөд аль нь ч таны скриптийн хийх үйлдлийг өөрчлөхгүй. Богиносгох (Shorten) нь локал хувьсагчдыг ганц тэмдэгттэй болгон өөрчилж, файлыг хамгийн жижиг хэмжээтэй болгодог. Үлдээх (Keep) нь хувьсагчийн нэрсийг хэвээр үлдээдэг тул үр дүн нь арай том хэмжээтэй байх боловч уншиж, алдааг засахад хялбар хэвээр байна.