Home-theater-designers
חיוני לשמור על פשטות, קריאות וקלות תחזוקה בקוד שלך כדי לנהל פרויקטים מורכבים של JavaScript. שמירה עקבית על מוסכמות השמות היא המפתח להשגת מטרה זו.
משתנים, בוליאנים, פונקציות, קבועים, מחלקות, רכיבים, שיטות, פונקציות פרטיות, משתנים גלובליים וקבצים הם בין מרכיבי JavaScript הדורשים מוסכמות שמות עקביות. אתה יכול לשפר את ארגון הקוד ואת הבנתך על ידי הטמעת מוסכמות שמות סטנדרטיות בכל הרכיבים הללו, ולחסוך זמן ומאמץ בטווח הארוך.
איפור של סרטון היום גלול כדי להמשיך עם התוכן
1. מתן שמות למשתנים
ב-JavaScript, הנתונים מאוחסנים במשתנים. חיוני לבחור שמות תיאוריים למשתנים המשקפים במדויק את תפקידם. אתה יכול, למשל, להחליף שם משתמש אוֹ מחיר סופי לשם של משתנה במקום איקס .
דרך טובה לתת שם למשתנים היא כדלקמן:
let totalPrice = 100;
let userName = "John";
ניתן להשיג קריאת קוד משופרת על ידי שימוש בשמות משתנים תיאוריים
2. מתן שמות בוליאני
משתנים שיכולים להיות בעלי שני ערכים בלבד, כלומר, או נָכוֹן אוֹ שֶׁקֶר , ידועים כבוליאנים. חשוב לבחור שמות מתאימים למשתנים בוליאניים המבטאים את מטרתם.
לשם המחשה, במקום לבחור בשם משתנה כגון נכון , אתה צריך להעדיף ללכת עם הוא תקף אוֹ יש ערך .
שקול את המקרה הזה:
let isValid = true;
let hasValue = false;
בדוגמה זו, שמות משתנים בוליאניים תיאוריים מבהירים מה הם מייצגים.
3. מתן שמות לפונקציות
פונקציה ב-JavaScript מתייחסת ליחידת קוד עצמאית שנועדה לבצע משימה מסוימת. זהו גוש קוד שניתן לקרוא לו או להפעיל אותו על ידי חלקים אחרים של הקוד והוא פועל כישות עצמאית.
כדי לתת שם ביעילות לפונקציות, השתמש בשמות תיאוריים המעבירים את מטרתן. למשל, במקום יצירת פונקציה פו , בחר בשמות ממחישים יותר כמו validateUserInput אוֹ לחשב מחיר כולל .
לדוגמה:
function calculateTotalPrice(price, quantity) {
return price * quantity;
}
function validateUserInput(input) {
return input !== undefined && input !== null;
}
4. מתן שמות לקבועים
קבועים הם משתנים שלא ניתן להקצות מחדש. בעת מתן שמות קבועים, חשוב להשתמש בכל האותיות הגדולות והקו תחתון כדי להפריד בין מילים.
לדוגמה:
const MAX_PRICE = 1000;
const MIN_PRICE = 0;
בדוגמה זו, כל האותיות הגדולות והקו תחתון שימשו להפרדת מילים בשמות הקבועים.
5. כיתות שמות
ב-JavaScript, ניתן ליצור אובייקטים באמצעות שרטוטים הנקראים מחלקות . כדי להשיג שיטות שמות ללא רבב, ישנה חשיבות עליונה לבצע את PascalCase, אמנת שמות המחייבת שימוש באותיות גדולות באות הראשונה של כל מילה.
קח, למשל:
class ShoppingCart {
constructor(make, model) {
this.make = make;
this.model = model;
}
}
בדוגמה זו, הכיתה עגלת קניות קיבל שם באמצעות PascalCase, כלומר האות הראשונה של כל מילה בשם המחלקה הוכנסה באותיות רישיות, ואין רווחים או קווים תחתונים בין המילים.
6. מתן שמות לרכיבים
רכיבים הם אבני בניין חיוניות בפיתוח תוכנה מודרני, במיוחד ב מסגרות כמו React , המדגישים קוד לשימוש חוזר.
על ידי פירוק ממשק משתמש או יישום מורכבים לחתיכות קטנות יותר וניתנות לניהול, אתה יכול ליצור רכיבים שניתן לעשות בהם שימוש חוזר בפרויקטים שונים, להפחית את זמן הפיתוח ולהגדיל את יעילות הקוד.
שוב, אנו ממליצים בחום להשתמש במוסכמות השמות של PascalCase למתן שמות לרכיבים. משמעות הדבר היא שימוש באותיות רישיות באות הראשונה של כל מילה בשם הרכיב.
מוסכמה כזו מסייעת לך להבחין בין רכיבים מקטעי קוד אחרים, ומפשטת את הזיהוי והמניפולציה.
function Button(props) {
return <button>{props.label}</button>;
}
בדוגמה זו, נעשה שימוש במוסכמות השמות של PascalCase כדי לתת שם לרכיב לַחְצָן .
7. שיטות מתן שמות
בעת מתן שמות לשיטות, חיוני להשתמש בשמות תיאוריים המעבירים בהצלחה את מה שהשיטה משיגה מכיוון ששיטות הן פונקציות הנוגעות לאובייקט.
לדוגמה:
class Car {
constructor(make, model) {
this.make = make;
this.model = model;
}
startEngine() {
// code to start engine
}
stopEngine() {
// code to stop engine
}
}
}
שמות תיאוריים ( התנע מנוע , stop Engine ) משמשים לשיטות בדוגמה זו, מה שמבטיח שהמטרה המיועדת שלהן מובנת בקלות.
8. מתן שמות לפונקציות פרטיות
פונקציות המוגדרות כפרטיות מוגבלות לגישה רק בתוך האובייקט שבו הן מוגדרות. חשוב להוסיף קו תחתון מוביל (_) כדי לציין שהפונקציות הן פרטיות.
הנה דוגמה:
כיצד להוריד סרטים במחשב
class Car {
constructor(make, model) {
this.make = make;
this.model = model;
}
_startEngine() {
// code to start engine
}
_stopEngine() {
// code to stop engine
}
}
על ידי שימוש בקו תחתון מוביל בדוגמה זו, מצוין שהפונקציות הן פרטיות.
9. מתן שמות למשתנים גלובליים
ניתן לגשת למשתנים המסווגים כגלובליים מכל חלק בבסיס הקוד. בעת מתן שמות למשתנים גלובליים כאלה, חיוני להשתמש בשמות ברורים ותיאוריים המעבירים ביעילות את מטרתם המיועדת.
לדוגמה:
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. מתן שמות לקבצים
ארגון קבצים יעיל הוא היבט מכריע בניהול פרויקטים מוצלחים של JavaScript. כדי להבטיח מוסכמות שמות יעילות ועקביות, חיוני להפריד בין מילים בתוך שמות קבצים באמצעות אותיות קטנות ומקפים.
אותיות קטנות עדיפות מכיוון ש-JavaScript היא שפה הרגישה לאותיות גדולות, כלומר השפה מתייחסת לאותיות קטנות ואותיות רישיות בצורה שונה. שימוש באותיות קטנות עבור שמות קבצים מבטיח עקביות ומונע בלבול בעת הפניה לקבצים בקוד.
מקפים משמשים להפרדת מילים בשמות קבצים מכיוון שאסור להשתמש ברווחים בשמות הקבצים. ניתן להשתמש גם בחלופות אחרות כגון קווים תחתונים או camelCase, אך מקפים מועדפים בדרך כלל בשל קריאותם.
השימוש במקפים גם הופך את שמות הקבצים לנגישים יותר עבור משתמשים עם קוראי מסך או טכנולוגיות מסייעות אחרות.
my-app/
├── src/
├── components/
├── button.js
├── input-field.js
├── utils/
├── string-utils.js
├── date-utils.js
├── app.js
├── index.js
בדוגמה זו, אותיות קטנות ומקפים משמשים להפרדת מילים בשמות הקבצים.
חשיבות הקפדה על מוסכמות שמות ב-JavaScript
מעקב אחר מוסכמות שמות טובות הוא היבט חיוני בכתיבת קוד נקי וניתן לתחזוקה ב-JavaScript. על ידי ביצוע המוסכמות הללו, אתה יכול להפוך את הקוד שלך לקריא וניתן יותר לתחזוקה, במיוחד במסגרות JavaScript מסוימות שבהן אתה נדרש לטפל בקוד מגושם, מה שיכול לחסוך לך זמן ומאמץ בטווח הארוך.