به آموزشگاه مجازی سینا خوش آمدید!

معرفی تابع در جاوا اسکریپت

امتیاز
(0)

تابع ها بلوک هایی از کدها هستند

تابع ها بلوک هایی از کدها هستند که برای انجام وظایف خاصی طراحی می شوند و قابل استفاده ی مجدد هستند. 
تابع ها هنگامی که صدا زده شوند یا فراخوانی شوند، اجرا می شوند. 
تابع ها در تمام زبان های برنامه نویسی، اساسی و مهم هستند. 


چرا از تابع ها استفاده کنیم؟

تابع ها به ما کمک می کنند تا:

  • از کدها دوباره استفاده کنیم(یک بار بنویسیم و بارها استفاده کنیم).
  • کدها را به بخش های کوچکتری تنظیم کنیم.
  • خوانایی و نگهداری کدها را ساده تر کنیم.

ایجاد یک تابع چگونه است؟

یک تابع را می توانیم با استفاده از کلمه‌ی کلیدی function و یک نام و یک جفت پرانتز ایجاد کنیم. کدهایی که می خواهیم در تابع اجرا شوند، بین یک جفت آکولاد قرار می دهیم. 

مثال شماره 1

معرفی یک تابع در یک خط:

 function sayHello() { return "Hello World"; } 

یا می توانیم یک تابع را در چند خط بنویسیم:

function sayHello() {
  return "Hello World";
}

نکته: تابع بالا هنوز کاری انجام نمی دهد و فقط تعریف شده است. برای به کار انداختن این تابع، باید آن را فراخوانی کنیم یا صدا بزنیم. 


تابع ها وقتی اجرا می شوند که آنها را فراخوانی کنیم

برای اجرا یک تابع، باید با استفاده از نام آن که پس از پرانتزها آمده است، آن را صدا بزنیم؛ مانند sayHello():

مثال شماره 2

function sayHello() {
  return "Hello World";
}

let message = sayHello();
امتحان کنید

نکته: به هنگام صدا زدن نام تابع، از یک جفت پرانتز استفاده می شود؛ این جفت پرانتز، یعنی تابع را اکنون اجرا کن. 


شیوه‌ی نوشتاری یا سینتکس تابع در جاوا اسکریپت

مثال شماره 3

function name( p1, p2, ... ) {
  // کدهایی که باید اجرا شوند
}

 

تابع ها با استفاده از کلمه کلیدی function و اضافه کردن موارد زیر تعریف می شوند:

  • نوشتن نام تابع پس از کلمه کلیدی function
  • نوشتن یک جفت پرانتز
  • نوشتن یک جفت آکولاد({ })

نام تابع از قواعد نام گذاری برای متغیرها پیروی می کند. 

پارامترهای اختیاری، بین پرانتزها قرار می گیرند: ( p1, p2, ... )

کدهایی که باید اجرا شوند بین آکولادها قرار می گیرند: { }

تابع ها می توانند یک مقدار اختیاری را به کد صدا زننده(caller) برگردانند(return کنند). 

مثال شماره 4

یک تابع برای ضرب دو عدد:

function multiply(a, b) {
  return a * b;
}
امتحان کنید

تعریف یک تابع، درواقع یک دستور قابل اجرا(an executable statement) نیست. 

ما معمولاً تعریف یک تابع را با نقطه ویرگول یا همان سمی کالن(;) خاتمه نمی دهیم. 

از سمی کالن برای جدا کردن دستورات اجرایی جاوا اسکریپت استفاده می شود. 


از تابع ها می توانیم بارها استفاده کنیم

یک مزیت عالی تابع ها این است که می توانیم آنها را هر موقع که لازم داشتیم صدا بزنیم. 

مثال شماره 5

function add(a, b) {
  return a + b;
}

let sum1 = add(5, 5);
let sum2 = add(50, 50);
امتحان کنید

توجه کنید که مقادیر برگردانده شده(return شده) از تابع ها، می توانند در متغیرها ذخیره شوند. 


متغیرهای محلی(local)

متغیرهایی که در داخل یک تابع در جاوا اسکریپت قرار می گیرند، در آن تابع محلی یا LOCAL هستند(یعنی میدان دید محلی دارند). 

متغیرهای محلی، تنها می توانند در داخل همان تابع(که تعریف شده اند) در دسترس قرار گیرند. 

مثال شماره 6

//استفاده کنند carName کدهای اینجا نمی توانند از متغیر

function myFunction() {
  let carName = "Volvo";
  // استفاده کنند carName کدهای اینجا می توانند از متغیر
}

//استفاده کنند carName کدهای اینجا نمی توانند از متغیر
امتحان کنید

چونکه متغیرهای محلی تنها در درون تابع هایشان شناسایی می شوند، ما می توانیم در درون تابع های مختلف، از نام های مشابهی استفاده کنیم. 

نکته: متغیرهای محلی، وقتی تابع شروع می شود، ایجاد می شوند و وقتی تابع کامل می شود، حذف شده و از بین می روند. 


استفاده از تابع ها بعنوان متغیرها

ما می توانیم از تابع ها بعنوان متغیرها استفاده کنیم و در تمام فرمول‌ها و انتساب ها و محاسبات از آنها استفاده کنیم. 

مثال شماره 7

به جای اینکه از یک متغیر برای ذخیره ی مقدار برگشتی یک تابع استفاده کنیم:

let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";

می توانیم از خود تابع مستقیماً بعنوان یک مقدارِ متغیر استفاده کنیم:

 let text = "The temperature is " + toCelsius(77) + " Celsius"; 
امتحان کنید

چرا از تابع ها استفاده کنیم؟

تابع ها سازماندهی و کارایی بیشتری را به ما ارائه می دهند.

با استفاده از تابع ها می توانیم کدهایی را بارها مورد استفاده ی مجدد قرار دهیم. 

با استفاده از تابع، یک کد مشابه با ورودی متفاوت، می تواند نتایج مختلفی ایجاد کند. 


ورودی و خروجی تابع ها

مفیدترین تابع ها، به صورت زیر کار می کنند:

  • پارامترها: نام هایی هستند که در تعریف تابع لیست می شوند. 
  • آرگومان ها: مقادیری هستند که وقتی تابع صدا زده می شود، به تابع ارسال می شوند. 
  • کدهای تابع: کارهایی هستند که در درون تابع انجام می شوند. 
  • مقدار برگشتی: مقادیری هستند که از تابع برگردانده می شوند. 

مثال شماره 8

function greet(name) {
  return "Hello " + name;
}

greet("Riya");

در مثال بالا:

پارامتر name
آرگومان "Riya"
کدهای تابع     return "Hello " + name;
مقدار برگشتی "Hello Riya"

 

 


منبع:  www.w3schools.com/js

 

  • بازدید: 31

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.

ارسال