מדריך קצר לדפוסי העיצוב ב- JavaScript



מאמר זה יעזור לך בגישה מפורטת אודות דפוסי העיצוב ב- JavaScript באופן פשוט להבנה טובה יותר.

הם הפתרונות המתקדמים המכוונים לאובייקטים לבעיות תוכנה החוזרות לרוב. דפוסים הם העיצובים הרב-פעמיים והאינטראקציות של אובייקטים. לכל תבנית יש שם והופך לחלק מאוצר מילים כאשר דנים בפתרונות עיצוב מורכבים.

מהם דפוסי עיצוב ב- JavaScript?

ניתן להגדיר כ- תבנית תוכנה או תיאור לפתרון בעיה המתרחשת במספר מקרים בעת תכנון יישום תוכנה או מסגרת תוכנה.





דפוסי עיצוב בנאים

עכשיו, בואו נדון בכנופיית הארבעה (GoF)



כנופיית ארבעה

ה כנופיית ארבעה 23 (GoF) דפוסים נחשבים בדרך כלל לבסיס לכל שאר הדפוסים.

חבורת הארבעה (GoF) מדפוסי עיצוב:



אלמנטים של תוכנה מוכוונת עצמים לשימוש חוזר, סדרת המחשוב המקצועית אדיסון-ווסלי, מאת אריך גאמה, ריצ'רד הלם, ראלף ג'ונסון, ו ג'ון פליסידס. טאלה 23 דפוסי GoF נחשבים בדרך כלל הבסיס לכל שאר הדפוסים.הם מסווגים לשלוש קבוצות: יצירתי, מבני והתנהגותי.

סוגי דפוסי עיצוב

ישנם למעשה שלושה סוגים שונים של דפוסי עיצוב ב- JavaScript. הם כדלקמן:

דפוסי יצירה

מפעל מופשט: זה יוצר מופע עם כמה משפחות כיתות. זה מספק ממשק ליצירת משפחות שאובייקטים קשורים או תלויים ללא פירוט של שיעורי הבטון שלהם.

בּוֹנֶה: בניית אובייקטים זו הפרידה בין ייצוגו. גם מפריד בין בניית אובייקט מורכב לייצוגו כך שניתן ליצור את אותו תהליך בנייה בדיוק עם ייצוגים שונים.

שיטת מפעל: זה יוצר מופע למספר מחלקות נגזרות. מגדיר גם ממשק ליצירת אובייקט, אך הוא מאפשר לקבוצת המשנה להחליט איזה מחלקה להתקין. יש לכך גם שיטת מפעל המאפשרת לכיתה לדחות ייצוב לקבוצות משנה.

הסבר לדוגמא אדריכלות mvc בג'אווה

אב טיפוס: זהו מופע מאותחל לחלוטין שניתן להעתיק או לשכפל. באופן ספציפי, סוג האובייקטים ליצור באמצעות מופע טיפוסי, יוצרים אובייקטים חדשים על ידי העתקת אב-טיפוס זה.

קְלָף בּוֹדֵד: זה מאותחל במקרים המועתקים או משובטים.זה סוג מסוים של אובייקטים ליצור באמצעות מופע אב טיפוסי וליצור אובייקטים חדשים על ידי העתקת אב טיפוס זה.

דפוסים מבניים

מַתאֵם: הוא תואם לממשקים של הכיתות השונות. ממיר גם את הממשק של מחלקה לממשק אחר למעט זה שיש לו הלקוח. המתאם גם מאפשר לשיעורים לעבוד יחד שלא היו יכולים להיות אחרת בגלל ממשקי אי התאמה.

לְגַשֵׁר: הוא מפריד בין ממשק האובייקט ליישומו. ניתוק תקציר מיישומו כך שהשניים יכולים להשתנות באופן עצמאי.

מרוכבים: מבנה עץ הוא של עצמים פשוטים ומורכבים, המורכב מחפצים למבני עצים כדי לייצג היררכיות חלקיות שלמות. Composite מאפשר ללקוחות להתייחס לאובייקטים בודדים ולהרכבים של אובייקטים באופן אחיד.

מְעַצֵב: מוסיף את האחריות לאובייקטים באופן דינמי. מצמיד את האחריות הנוספת לאובייקט באופן דינמי. מעצבים מספקים גם אלטרנטיבה גמישה לסיווג משנה לצורך הרחבת פונקציות.

מראית עין: מחלקה אחת המייצגת תת-מערכת שלמה ומספקת ממשק מאחד למערך ממשקים במערכת. חזית מגדירה ממשק ברמה גבוהה יותר אשר הופכת את תת המערכת לקלה יותר לשימוש.

משקל זבוב: מופע גרגר עדין המשמש לשיתוף יעיל לתמיכה במספרים גדולים של אובייקטים דק. משקל זבוב הוא אובייקט משותף שניתן להשתמש בו במספר רב של הקשרים בו זמנית.משקל הזבוב משמש גם כאובייקט עצמאי בכל הקשר - לא ניתן להבחין בין מקרה של אובייקטים שאינם משותפים.

פרוקסי: זהו אובייקט המייצג אובייקט אחר. הוא מספק פונדקאית או אובייקט מציין מיקום כדי לשלוט על הגישה אליו.

דפוסי התנהגות:

שרשרת אחריות: זו דרך להעביר בקשה בין שרשרת אובייקטים. היא נמנעת מהקישור עם השולח ושולחת בקשה למקלט שלה בכך שהיא נותנת ליותר מחפץ אחד אפשרות לטפל בבקשה. האובייקטים המקבלים משורשרים בשרשרת והעבירו את הבקשה לאורך השרשרת עד שאובייקט מטפל בה.

פקודה: הוא מכיל בקשת פקודה כאובייקט. בקשה מכוסה כאובייקט, ולכן מאפשרת לך לבצע פרמטר של לקוחות עם בקשות בקשה, תור או יומן שונים, ותומך בפעולות שבוטלות.

כיצד להעתיק אובייקט ב - Java

מְתוּרגְמָן: זוהי דרך לכלול אלמנטים של שפה בתוכנית. בהינתן שפה, הגדר ייצוג לדקדוק שלה יחד עם מתורגמן המשתמש בייצוג כדי לפרש משפטים בשפה.

איטרטור: הגישה הרציפה של רכיבי האוסף מספקת גישה לגורמים של אובייקט מצטבר ברצף מבלי לחשוף את הייצוג הבסיסי שלו.

מתווך: הוא מגדיר מפשט את התקשורת בין השיעורים. הגדר אובייקט שמקיף את האופן שבו קבוצת אובייקטים מתקשרת. מתווך מקדם את הצימוד הרופף בכך שהוא מונע מאובייקטים להתייחס זה לזה במפורש, והוא מאפשר לך לשנות את האינטראקציה שלהם באופן עצמאי.

מַזכֶּרֶת: זה לוכד ומשחזר את המצב הפנימי של האובייקט. זה לא מפר את האקפסולציה, לוכד ומחצין את המצב הפנימי של האובייקט כדי שניתן יהיה להחזיר את האובייקט למצב זה בהמשך.

מַשׁקִיף: זוהי דרך להודיע ​​על השינוי למספר כיתות. הוא מגדיר תלות של אחד לרבים בין אובייקטים, כך שכאשר אובייקט אחד משנה את המצב, כל התלויים שלו מקבלים הודעה ומתעדכנים אוטומטית.

מדינה: זה משנה את התנהגות האובייקט כאשר מצבו משתנה. מאפשר לאובייקט לשנות את התנהגותו כאשר הוא משתנה במצב פנימי. נראה שהאובייקט משנה את המעמד שלו.

אִסטרָטֶגִיָה: הוא מכיל אלגוריתם בתוך כיתה ומגדיר אלגוריתם משפחתי, עוטף כל אחד מהם, והופך לאחר מכן להחלפה. אסטרטגיה מאפשרת לאלגוריתם להשתנות באופן עצמאי מהלקוחות המשתמשים בו.

תבנית: דחו את השלבים המדויקים של אלגוריתם לסבר משנה. הוא מגדיר את השלד של אלגוריתם בפעולה, תוך דחייה של כמה צעדים חשובים לקטעי משנה. שיטת התבנית מאפשרת לנו ליצור מחלקה משנה להגדיר מחדש שלבים מסוימים של אלגוריתם מבלי לשנות את מבנה האלגוריתם.

אורח: זה מגדיר פעולה חדשה בכיתה ללא שינוי. ייצג פעולה שתבוצע על אלמנטים של מבנה אובייקט. Visitor מאפשר לך להגדיר פעולה חדשה מבלי לשנות את מחלקות האלמנטים עליהם היא פועלת.

בכך אנו מגיעים לסוף מאמר זה. אני מקווה שהבנתם את דפוסי העיצוב ב- JavaScript, את סוגיהם, חשיבותם ויישומם.

כעת, לאחר שהבנתם את היסודות של דפוסי העיצוב ב- JavaScript, עיינו ב מאת אדוריקה, חברת למידה מקוונת מהימנה עם רשת של יותר מ -250,000 לומדים מרוצים הפרוסים ברחבי העולם. קורס ההכשרה וההסמכה של Java J2EE ו- SOA של אדוריקה מיועד לסטודנטים ואנשי מקצוע שרוצים להיות מפתח Java. הקורס נועד לתת לך התחלה בתכנות ג'אווה ולהכשיר אותך למושגי הליבה והמתקדמים של ג'אווה יחד עם מסגרות Java שונות כמו Hibernate & אביב .

יש לך שאלה עבורנו? הזכיר זאת בקטע ההערות בבלוג 'עיצוב דפוסים ב- JavaScript' ונחזור אליך בהקדם האפשרי.