פונקציות JavaScript חשובות שעליך לדעת

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

• מבוא ל- JavaScript
• יסודות JavaScript
• פונקציית JavaScript
• פונקציות מוגדרות מראש
• דרכים שונות להגדרת פונקציית JavaScript

מבוא ל- JavaScript

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

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

זה ג'בה לזוגיות

יסודות JavaScript

אם אתה חדש בשפה, עליך להכיר חלק מהשפה יסודות JavaScript שיעזור לך להתחיל לכתוב את הקוד שלך. היסודות כוללים:

• מערכים
• פונקציות

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

פונקציית JavaScript

פונקציית JavaScript היא גוש קוד שנועד לבצע כל משימה מסוימת. באפשרותך לבצע פונקציה על ידי התקשרות אליה. זה ידוע בשם הפעלת אוֹ יִעוּד תפקוד.

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

הבסיס תחביר ליצור פונקציה ב- JavaScript היא כדלקמן:

function functionName (Parameter1, Parameter2, ..) {// body function}

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

פונקציות מוגדרות מראש

ל- JavaScript יש כמה פונקציות מובנות ברמה העליונה. בואו נסתכל על כמה מהפונקציות המובנות בשפה.

בואו ניקח דוגמא ונראה כיצד פונקציות מוגדרות מראש אלה פועלות ב- JavaScript:

var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('ברוך הבא לאדוריקה ') // לברוח מבלי להדהים (' ברוך הבא לאדוריקה ') // לא לגלות

דרכים שונות להגדרת פונקציית JavaScript

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

• • הצהרת פונקציה
  • ביטוי פונקציה
  • הגדרת שיטה קצרה
  • פונקצית חץ
  • פונקציית גנרטור
  • בונה פונקציות

הצהרת פונקציות

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

זה מוגדר כ:

// פונקציית הצהרת הפונקציה isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

פוּנקצִיָה isEven (מספר) היא הצהרת פונקציה המשמשת לקביעת מספר מספר שווה.

ביטוי פונקציה

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

זה מוגדר כ:

ספירת const = פונקציה (מערך) {// ביטוי פונקציה מחזירה array.length} שיטות const = {מספרים: [2, 5, 8], סכום: פונקציה () {// ביטוי פונקציה מחזירים this.numbers.reduce (פונקציה ( acc, num) {// func. expression return acc + num})}} ספירה ([1, 7, 2]) // => 3 שיטות. sum () // => 15

ביטוי הפונקציה יוצר אובייקט פונקציה שיכול לשמש במצבים שונים כמו:

• ניתן להקצות אותו ל- a מִשְׁתַנֶה כמו לְהִתְנַגֵד: ספירה = פונקציה (...) {...}
• ליצור שיטה על סכום אובייקט: פונקציה () {...}
• להשתמש ב פוּנקצִיָה שיהיה לך התקשר חזרה: .פחת (פונקציה (...) {...})

הגדרת שיטה קצרה

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

הדוגמה הבאה משתמשת בהגדרת שיטה קצרה באובייקט מילולי:

אוסף const = {items: [], הוסף (... items) {this.items.push (... items)}, קבל (index) {להחזיר this.items [index]}} collection.add ('edureka ',' מקוון ',' JavaScript ') collection.get (1) // =>' edureka '

לגישה הקצרנית יש כמה יתרונות על פני הגדרת רכוש מסורתית כגון:

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

פונקצית חץ

פונקציית חץ מוגדרת באמצעות זוג סוגריים המכילים את רשימת הפרמטרים, ואחריהם a חץ שמן (=>) וזוג סוגריים מתולתלים התוחמים את הצהרות הגוף.

הדוגמה הבאה מציגה את השימוש הבסיסי בפונקציית החץ:

const absValue = (number) => {if (number 21 absValue (7) // => 7

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

פונקציית גנרטור

פונקציית המחולל ב- JavaScript מחזירה a גֵנֵרָטוֹר לְהִתְנַגֵד. התחביר דומה לביטוי פונקציות, הצהרת פונקציות או הצהרת שיטה. אבל זה דורש א דמות כוכב (*) .

ניתן להכריז על פונקציית הגנרטור בצורות הבאות:

• פונקציית טופס הצהרת פונקציה * ():

פונקציה * indexGenerator () {var index = 0 while (true) {index index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .ערך) // => 1

• ביטוי פונקציה טופס פונקציה * ():

const indexGenerator = function * () {let index = 0 while (true) {index index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. הבא (). ערך) // => 1

• טופס הגדרת שיטה קצרה * ():

const obj = {* indexGenerator () {var index = 0 while (true) {index index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. יומן (g.next (). value) // => 1

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

בונה פונקציות

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

לדוגמה:

פונקציה sum1 (a, b) {return a + b} const sum2 = function (a, b) {return a + b} const sum3 = (a, b) => a + b console.log (typeof sum1 === 'פונקציה') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true

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

עכשיו שאתה יודע על פונקציית JavaScript, עיין ב מאת אדוריקה. הדרכת הסמכת בניית אתרים תעזור לך ללמוד כיצד ליצור אתרים מרשימים באמצעות HTML5, CSS3, Twitter Bootstrap 3, jQuery ו- API של Google ולפרוס אותו לשירות אחסון פשוט של אמזון (S3).

להמיר בינארית לעשרונית

יש לך שאלה עבורנו? אנא הזכיר זאת בסעיף ההערות של 'פונקציית JavaScript' ונחזור אליך.