Home-theater-designers
Mahalagang mapanatili ang pagiging simple, pagiging madaling mabasa, at kadalian ng pagpapanatili sa iyong code upang pamahalaan ang mga kumplikadong proyekto ng JavaScript. Ang patuloy na pagsunod sa mga kombensiyon sa pagbibigay ng pangalan ang susi sa pagkamit ng layuning ito.
Ang mga variable, boolean, function, constants, klase, bahagi, pamamaraan, pribadong function, global variable, at file ay kabilang sa mga elemento ng JavaScript na nangangailangan ng pare-parehong mga convention sa pagbibigay ng pangalan. Maaari mong pagbutihin ang organisasyon at pag-unawa ng code sa pamamagitan ng pagpapatupad ng mga standardized na kombensiyon sa pagbibigay ng pangalan sa lahat ng mga bahaging ito, na nakakatipid ng oras at pagsisikap sa mahabang panahon.
MAKEUSEOF VIDEO OF THE DAY MAG-SCROLL PARA MAGPATULOY SA NILALAMAN
1. Pangalan ng mga Variable
Sa JavaScript, ang data ay iniimbak sa mga variable. Mahalagang pumili ng mga mapaglarawang pangalan para sa mga variable na tumpak na nagpapakita ng kanilang function. Maaari mong, halimbawa, palitan UserName o kabuuangPrice para sa pangalan ng isang variable sa halip na x .
Ang isang mahusay na paraan upang pangalanan ang mga variable ay ang mga sumusunod:
let totalPrice = 100;
let userName = "John";
Ang pinahusay na pagiging madaling mabasa ng code ay maaaring makamit sa pamamagitan ng paggamit ng mga mapaglarawang pangalan ng variable
2. Pangalan ng Boolean
Mga variable na maaaring magkaroon lamang ng dalawang halaga i.e., alinman totoo o mali , ay kilala bilang Boolean. Napakahalagang pumili ng mga naaangkop na pangalan para sa mga boolean na variable na nagpapahayag ng kanilang layunin.
Upang ilarawan, sa halip na mag-opt para sa isang variable na pangalan tulad ng ay totoo , mas gusto mong sumama ay pwede o hasValue .
Isaalang-alang ang pagkakataong ito:
sino ang boses ni Alexa
let isValid = true;
let hasValue = false;
Sa halimbawang ito, nililinaw ng mga descriptive boolean variable na pangalan kung ano ang kinakatawan ng mga ito.
3. Mga Pag-andar ng Pangalan
Ang isang function sa JavaScript ay tumutukoy sa isang self-contained na unit ng code na nilayon upang magsagawa ng isang partikular na gawain. Ito ay isang bloke ng code na maaaring tawagan o i-invoke ng ibang bahagi ng code at gumagana bilang isang independiyenteng entity.
Upang mabisang pangalanan ang mga function, gumamit ng mga mapaglarawang pangalan na nagpapahiwatig ng kanilang layunin. Halimbawa, sa halip na paglikha ng isang function foo , mag-opt para sa higit pang mga mapaglarawang pangalan tulad ng validateUserInput o kalkulahinTotalPrice .
Halimbawa:
function calculateTotalPrice(price, quantity) {
return price * quantity;
}
function validateUserInput(input) {
return input !== undefined && input !== null;
}
4. Pangalan ng Constants
Ang mga constant ay mga variable na hindi maaaring italaga muli. Kapag pinangalanan ang mga constant, mahalagang gamitin ang lahat ng malalaking titik at underscore upang paghiwalayin ang mga salita.
Halimbawa:
const MAX_PRICE = 1000;
const MIN_PRICE = 0;
Sa halimbawang ito, ang lahat ng malalaking titik at salungguhit ay ginamit upang paghiwalayin ang mga salita sa mga pare-parehong pangalan.
5. Pangalan ng mga Klase
Sa JavaScript, maaaring malikha ang mga bagay gamit ang mga blueprint na tinatawag na mga klase . Upang makamit ang malinis na mga kasanayan sa pagbibigay ng pangalan, napakahalagang isagawa ang PascalCase, isang kombensiyon sa pagbibigay ng pangalan na nag-uutos sa paglalagay ng malaking titik sa unang titik ng bawat salita.
Kunin, halimbawa:
class ShoppingCart {
constructor(make, model) {
this.make = make;
this.model = model;
}
}
Sa halimbawang ito, ang klase ShoppingCart ay pinangalanan gamit ang PascalCase, na nangangahulugan na ang unang titik ng bawat salita sa pangalan ng klase ay naka-capitalize, at walang mga puwang o underscore sa pagitan ng mga salita.
6. Pagpapangalan ng mga Bahagi
Ang mga bahagi ay mahalagang mga bloke ng gusali sa modernong pagbuo ng software, lalo na sa mga frameworks tulad ng React , na nagbibigay-diin sa reusable code.
Sa pamamagitan ng paghahati-hati ng isang kumplikadong user interface o application sa mas maliit, mapapamahalaang mga piraso, maaari kang lumikha ng mga bahagi na maaaring magamit muli sa iba't ibang mga proyekto, binabawasan ang oras ng pag-develop at pagtaas ng kahusayan ng code.
Muli, lubos naming inirerekumenda ang paggamit ng PascalCase na kombensyon sa pagbibigay ng pangalan para sa pagbibigay ng pangalan sa mga bahagi. Nangangahulugan ito ng pag-capitalize sa unang titik ng bawat salita sa pangalan ng bahagi.
Ang ganitong convention ay tumutulong sa iyo na makilala ang mga bahagi mula sa iba pang mga segment ng code, na nagpapasimple sa pagkilala at pagmamanipula.
function Button(props) {
return <button>{props.label}</button>;
}
Sa halimbawang ito, ginamit ang PascalCase name convention para pangalanan ang component Pindutan .
7. Mga Paraan ng Pangalan
Kapag pinangalanan ang mga pamamaraan, mahalagang gumamit ng mga mapaglarawang pangalan na matagumpay na nagpapabatid kung ano ang nagagawa ng pamamaraan dahil ang mga pamamaraan ay mga function na nauugnay sa isang bagay.
ang laro ng singaw ay binebenta pagkatapos ng pagbili
Halimbawa:
class Car {
constructor(make, model) {
this.make = make;
this.model = model;
}
startEngine() {
// code to start engine
}
stopEngine() {
// code to stop engine
}
}
}
Naglalarawang mga pangalan ( simulan ang makina , stopEngine ) ay ginagamit para sa mga pamamaraan sa halimbawang ito, tinitiyak na madaling maunawaan ang kanilang nilalayon na layunin.
8. Pagpapangalan sa Mga Pribadong Function
Ang mga function na tinukoy bilang pribado ay pinaghihigpitan upang ma-access lamang sa loob ng object kung saan tinukoy ang mga ito. Napakahalagang magdagdag ng nangungunang underscore (_) upang isaad na pribado ang mga function.
Narito ang isang halimbawa:
class Car {
constructor(make, model) {
this.make = make;
this.model = model;
}
_startEngine() {
// code to start engine
}
_stopEngine() {
// code to stop engine
}
}
Sa pamamagitan ng paggamit ng nangungunang underscore sa halimbawang ito, ipinapahiwatig na ang mga function ay pribado.
9. Pangalan sa Global Variables
Ang mga variable na nauuri bilang global ay maaaring ma-access mula sa anumang bahagi ng code base. Habang pinangalanan ang mga naturang global variable, napakahalagang gumamit ng malinaw at mapaglarawang mga pangalan na epektibong naghahatid ng kanilang nilalayon na layunin.
Halimbawa:
const MAX_PRICE = 1000;
const MIN_PRICE = 0;
function checkPrice(price) {
if (price > MAX_PRICE) {
// code to handle high prices
} else if (price < MIN_PRICE) {
// code to handle low prices
}
}
10. Pangalan ng mga File
Ang mahusay na organisasyon ng file ay isang mahalagang aspeto ng matagumpay na pamamahala ng proyekto ng JavaScript. Upang matiyak ang streamline at pare-parehong mga kombensiyon sa pagbibigay ng pangalan, mahalagang paghiwalayin ang mga salita sa loob ng mga pangalan ng file gamit ang mga maliliit na titik at gitling.
Mas gusto ang mga maliliit na titik dahil ang JavaScript ay isang case-sensitive na wika, ibig sabihin, iba ang pagtrato ng wika sa mga maliliit at malalaking titik. Ang paggamit ng maliliit na titik para sa mga pangalan ng file ay nagsisiguro ng pagkakapare-pareho at maiwasan ang pagkalito kapag nagre-refer ng mga file sa code.
Ginagamit ang mga gitling upang paghiwalayin ang mga salita sa mga pangalan ng file dahil hindi pinapayagan ang mga puwang sa mga pangalan ng file. Ang iba pang mga alternatibo tulad ng mga underscore o camelCase ay maaari ding gamitin, ngunit ang mga gitling ay karaniwang mas gusto para sa kanilang pagiging madaling mabasa.
Ang paggamit ng mga gitling ay ginagawang mas naa-access din ang mga pangalan ng file para sa mga user na may mga screen reader o iba pang mga pantulong na teknolohiya.
my-app/
├── src/
├── components/
├── button.js
├── input-field.js
├── utils/
├── string-utils.js
├── date-utils.js
├── app.js
├── index.js
Sa halimbawang ito, ang mga maliliit na titik at gitling ay ginagamit upang paghiwalayin ang mga salita sa mga pangalan ng file.
Kahalagahan ng Pagsunod sa Mga Kumbensyon sa Pangalan sa JavaScript
Ang pagsunod sa mahusay na mga kombensiyon sa pagbibigay ng pangalan ay isang mahalagang aspeto ng pagsulat ng malinis at napapanatiling code sa JavaScript. Sa pamamagitan ng pagsunod sa mga convention na ito, maaari mong gawing mas nababasa at napanatili ang iyong code, lalo na sa ilang JavaScript frameworks kung saan kinakailangan mong pangasiwaan ang napakalaking code, na makakatipid sa iyo ng oras at pagsisikap sa mahabang panahon.