אחד המושגים המאתגרים והנפוצים ביותר ב-JavaScript הוא ' זֶה ' מילת מפתח. JavaScript משתמש ב' זֶה ' מילת מפתח שונה משפות אחרות. עם זאת, זה חיוני ליצירת קוד JavaScript מתקדם יותר. בתור מתחיל, זה יכול להיות קשה איכשהו להבין את השימוש במילת המפתח שהוזכרה, אבל אל דאגה!
פוסט זה יסביר את ' זֶה ' מילת מפתח והשימוש בה ב-JavaScript.
מה זה 'זה' ב-JavaScript?
' זֶה ” היא מילת המפתח ב-JavaScript המתייחסת לאובייקט שמבצע את גוש הקוד הקיים. הוא מייצג אובייקט שמפעיל את הפונקציה הנוכחית. הוא משמש בתרחישים מרובים בדרכים שונות, כגון:
-
- בשיטה
- בטיפול באירועים
- בפונקציות
בואו נבדוק כל אחד מהשימושים המוזכרים אחד אחד!
כיצד להשתמש ב'זה' בשיטות JavaScript?
' זֶה ' משמש בשיטות JavaScript ככריכה מרומזת. כאשר הפונקציה נקראת בעזרת אובייקט ונקודה, היא נחשבת מחייבת מרומזת, ו' זֶה ” מציין את האובייקט במהלך קריאת הפונקציה.
דוגמא
ראשית, ניצור אובייקט עם כמה מאפיינים ושיטה ולאחר מכן נשתמש ב-' זֶה ' מילת מפתח כדי לקבל את הערכים של מאפייני האובייקט:
var personInfo = {
שֵׁם: 'ג'ון' ,
גיל : עשרים ,
מידע: פוּנקצִיָה ( ) {
console.log ( 'היי! אני' + this.name + ' ואני ' + this.age + ' שנים' ) ;
}
}
לאחר מכן, התקשר ל' info() 'שיטה יחד עם שם האובייקט:
ניתן לראות שערכי המאפיינים שצוינו של האובייקט הנוכחי מוצגים בהצלחה:
אם אתה רוצה להשתמש ב' זֶה ' בטיפול באירועים, עקוב אחר הסעיף שלהלן.
כיצד להשתמש ב'זה' בטיפול באירועי JavaScript?
בדוגמה זו, בדוק את השימוש ב-' זֶה ' מילת מפתח בטיפול באירועים. לשם כך, שקול דוגמה שבה נסתיר את הכפתור שלנו בלחיצה אחת. לשם כך, צור כפתור וצרף ' בלחיצה() ' אירוע עם זה כדי לגשת למאפיין style.display עם ' זֶה ' מילת מפתח שתסתיר את הכפתור בלחיצה:
< h3 > לחץ כדי להסתיר את הכפתור h3 >< לַחְצָן בלחיצה = 'this.style.display='none'' > לחץ כאן ! לַחְצָן >
תְפוּקָה
אם אתה מבולבל לגבי השימוש ב' זֶה ' מילת מפתח בפונקציות המוגדרות על ידי משתמש ב-JavaScript, עקוב אחר הסעיף הנתון.
כיצד להשתמש ב'זה' בפונקציות JavaScript?
תוך כדי שימוש ב' זֶה ' בפונקציות, ישנם שלושה סוגים של כריכות ב-JavaScript, כולל:
-
- כריכת ברירת מחדל
- כריכה מרומזת
- כריכה מפורשת
בואו נבין אותם בנפרד!
דוגמה 1: שימוש במילת מפתח זו בכריכת ברירת מחדל
בכריכת ברירת מחדל, ' זֶה ' מילת המפתח פועלת כאובייקט גלובלי. הוא משמש בעיקר בפונקציות עצמאיות.
בואו נבין את המושג המוצהר עם דוגמה.
ראשית, ניצור משתנה ' איקס ' והקצה לו את הערך ' חֲמֵשׁ עֶשׂרֵה ”:
var x = חֲמֵשׁ עֶשׂרֵה ;
לאחר מכן, הגדר פונקציה בשם ' functionDB() ' והגדרת הפונקציה שלו, צור משתנה עם אותו שם ' איקס ' ולהקצות לו ערך ' 5 ', לאחר מכן, הדפס את הערך שלו באמצעות ' console.log() 'שיטה עם ' זֶה ' מילת מפתח:
var x = 5 ;
console.log ( זה.x ) ;
}
לבסוף, התקשר ל' functionDB() ' פונקציה:
עקב השימוש ב' זֶה ' מילת מפתח, הפלט מציג את הערך של ' איקס ' כפי ש ' חֲמֵשׁ עֶשׂרֵה מכיוון שהוא פועל כאובייקט גלובלי והתהליך נקרא ' כריכה דינמית ”:
דוגמה 2: שימוש במילת מפתח זו ב-Implicit Binding
כאשר הפונקציה נקראת על ידי אובייקט או סמל נקודה, ' זֶה ' מילת מפתח פועלת ככריכה מרומזת. הוא מצביע על האובייקט במהלך קריאת הפונקציה.
בדוגמה זו נגדיר פונקציה ' info() ' והשתמש ב-' זֶה ' מילת מפתח בהגדרת הפונקציה:
פוּנקצִיָה מידע ( ) {console.log ( 'היי! אני' + this.name + ' ואני ' + this.age + ' שנים' )
}
לאחר מכן, צור אובייקט בשם ' personInfo ' עם מאפיינים מוגדרים:
שֵׁם: 'ג'ון' ,
גיל : עשרים ,
מידע: מידע
}
כעת, קרא לפונקציה לאורך אובייקט:
תְפוּקָה
דוגמה 3: שימוש במילת מפתח זו בכריכה מפורשת
כריכה מפורשת נקראת גם ' כריכה קשה ' כי הפונקציה נקראת בכוח כדי להשתמש באובייקט מסוים עבור ' זֶה ” מחייב, מבלי לשים הפניה לפונקציית מאפיין על האובייקט. למטרה זו, ניתן להשתמש בשיטות call(), application() ו-bind().
כעת נשתמש באותה פונקציה בשם ' info() ' שהוגדר בדוגמה הקודמת. לאחר מכן, צור אובייקט בשם ' personInfo ' עם הערכים הבאים:
var personInfo = {שֵׁם: 'ג'ון' ,
גיל : עשרים
}
להפעלת הפונקציה בשם ' info() ', נשתמש ב-' שִׂיחָה() ' מתודה ומעבירים את האובייקט שנוצר אליו כארגומנט:
מכיוון שה-info() אינו חלק מהאובייקט, עדיין ניגשנו אליו במפורש:
לקריאה מפורשת של פונקציה, אתה יכול גם להשתמש בשיטות application() ו-bind(). שיטת application() זהה לשיטת call() בעוד ששיטת bind() יוצרת פונקציה חדשה עם אותו גוף ו-scope שמתנהגת באותו אופן כמו הפונקציה המקורית. ניתן להשתמש בשיטת bind() כדי להחזיר פונקציה שתוכל להשתמש בה מאוחר יותר.
לקריאה ל-info() בשיטה apply(), השתמש במשפט הבא:
info.apply ( personInfo ) ;
זה נותן את אותו פלט כמו ששיטת call() נותנת:
בשביל להתקשר ' info() ' עם ה ' לִקְשׁוֹר() שיטת ', השתמש במשפט הנתון:
תְפוּקָה
ריכזנו את כל המידע החיוני הקשור ל' זֶה ' מילת מפתח.
סיכום
' זֶה ” היא מילת המפתח ב-JavaScript המתייחסת לאובייקט שמבצע את גוש הקוד הקיים. הוא מייצג את האובייקט שמפעיל את הפונקציה הנוכחית. הוא משמש במספר תרחישים בדרכים שונות, כולל שיטות, טיפול באירועים ופונקציות. בפוסט זה, הסברנו את ' זֶה ' מילת מפתח ב-JavaScript.