جستجو برای:
  • صفحه اصلی
  • وبلاگ تخصصی جاوااسکریپت
  • تونل یادگیری رایگان
    • آموزش رایگان جاوااسکریپت (JavaScript)
    • آموزش رایگان جی کوئری
  • دوره ها
    • دوره جاوااسکریپت مقدماتی
    • آموزش کامل عملگرها (Operators)
    • آموزش کامل حلقه ها و دستورات شرطی
    • آموزش کامل Objects (اشیا)
    • آموزش کامل Arrays (آرایه)
    • آموزش کامل Functions (توابع)
    • آموزش پروژه محور جاوااسکریپت
    • آموزش مقدماتی React
  • فیلم های آموزشی
  • حساب کاربری
 
MEGA JS
  • صفحه اصلی
  • وبلاگ تخصصی جاوااسکریپت
    • جاوااسکریپت
    • Angular
    • Nodejs
    • Reactjs
    • Vuejs
    • Electronjs
    • دیتابیس MongoDB
    • کتابخانه های جاوا اسکریپت
    • فریمورک های جاوا اسکریپت
  • تونل یادگیری رایگان
    • آموزش رایگان جاوااسکریپت
      • 1) جاوااسکریپت چیست ؟
      • 2) بارگذاری جاوااسکریپت
      • 3) کامنت گذاشتن در جاوااسکریپت
      • 4) متغیرها در جاوااسکریپت
      • 5) عملگرها در جاوااسکریپت
      • 6) انواع داده در جاوااسکریپت
      • 7) اعداد در جاوااسکریپت
      • 8) رشته ها در جاوااسکریپت
      • 9) متد های رشته در جاوااسکریپت
      • 10) آرایه ها در جاوااسکریپت
      • 11) متدهای آرایه در جاوااسکریپت
      • 12) مرتب سازی آرایه در جاوااسکریپت
      • 13) اشیا در جاوااسکریپت
      • 14) توابع در جاوااسکریپت
      • 15) توابع ریاضی در جاوااسکریپت
      • 16) دستور شرطی if در جاوااسکریپت
      • 17) دستور Switch در جاوااسکریپت
      • 18) آموزش حلقه for در جاوااسکریپت
      • 19) آموزش حلقه while
    • آموزش رایگان جی کوئری
      • 1) جی کوئری چیست ؟
      • 2) نصب جی کوئری
      • 3) سینتکس جی کوئری
      • 4) سلکتورها در جی کوئری
      • 5) رویداد ها در جی کوئری
      • 6) Hide و Show در جی کوئری
      • 7) افکت Fade در جی کوئری
      • 8) افکت Slide در جی کوئری
      • 9) انیمیشن در جی کوئری
      • 10) افکت ها در جی کوئری
      • 11) دسترسی به محتوای تگ ها (Get)
      • 12) ارسال اطلاعات به تگ ها (Set)
    • آموزش های کامل جاوااسکریپت
      • آموزش کامل Operators (عملگرها)
      • آموزش کامل حلقه ها و شرط ها
      • آموزش کامل Objects (اشیا)
      • آموزش کامل Arrays (آرایه ها)
      • آموزش کامل Functions (توایع)
  • دوره ها
    • دوره رایگان جاوااسکریپت
    • دوره رایگان عملگرها (Operators)
    • دوره رایگان شرط ها و حلقه ها
    • دوره رایگان اشیا (Objects)
    • دوره رایگان آرایه ها (Arrays)
    • دوره رایگان توابع (Functions)
    • دوره پروژه محور هیولای جاوااسکریپت
    • دوره رایگان React مقدماتی
  • نقشه راه یادگیری جاوااسکریپت
0

ورود و ثبت نام

14) آموزش توابع در جاوااسکریپت (Functions)

14 مرداد 1398
ارسال شده توسط محمدرضا حاجی مقصودی
یادگیری جاوااسکریپت
5.07k بازدید

دانلود ویدئو “اشیا در جاوااسکریپت” با کیفیت Full HD+سورس کد

آموزش رایگان جاوااسکریپت

توابع در جاوااسکریپت بلوک هایی از کد هستن که برای انجام عمل خاصی نوشته میشن. در واقع دستوراتی که لازم داریم هر بار اجرا بشه رو به صورت یک تابع یا Function مینویسیم و براش یه اسم انتخاب میکنیم؛ هر موقع نیاز به اجرای اون چند خط کد باشه فقط کافیه اسم اون تابع یا Function در جاوااسکریپت رو صدا کنیم.

 

دوره مرتبط و تکمیلی: آموزش کامل توابع در جاوااسکریپت (Functions)

دوره کامل آموزش Functions در جاوااسکریپت به همراه کلی مثال کاربردی برای یادگیری عمیق جاوااسکریپت

 

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

برای تعریف تابع در جاوا اسکریپت از کلمه کلیدی function استفاده میکنیم و بعدش اسم دلخواه برای تابع مینویسیم و داخل پرانتز پارامتر ها رو مینویسیم. قواعد نام گذاری برای توابع دقیقا مثل قواعد نام گذاری برای متغیرها هست که در جلسه چهارم کامل بررسی کردیم،( حروف، اعداد، علامت دلار و آندرلاین مجاز است)

جلسه مرتبط: متغیرها در جاوااسکریپت

اگر تابع ما چند تا پارامتر داشته باشه با علامت کاما (,) از هم جدا میشه؛ سینتکس کلی توابع در جاوااسکریپت به صورت زیر است:

function name(parameter1, parameter2, parameter3) {
  // code to be executed
}

پارامترهای داخل پرانتز موقع تعریف تابع همون آرگومان هایی هستند که موقع فراخونی تابع به عنوان متغیر نوشته میشن. برای درک بهتر یه مثال میزنم.

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

با نوشتن تابع بالا، هر جا لازم باشه 2 تا عدد با هم جمع بشن فقط کافیه اسم تابع نوشته بشه و به جای a و b دو عدد دلخواه رو بذاریم.

sum(5, 6);
// output: 11

پس هر کجا بخوایم 2تا عدد جمع بشن تابع Sum رو مینویسیم و داخلش 2 عدد قرار میدیم. خب این شد یه دید اجمالی نسبت به توابع. اما توابع خیلی گسترده تر و مهم تر از جمع کردن دو تا عدد هستن.

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

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

  • زمانی که کاربر دکمه ای رو کلیک کنه
  • زمانی که اسم تابع در کدهای جاوااسکریپت آورده بشه
  • به صورت اتوماتیک

در جلسات آینده مخصوصا داخل دوره پروژه محور بیشتر با توابع آشنا میشیم و حالت های مختلف توابع رو در جاو اسکریپت پیاده سازی میکنیم.

برای فراخوانی  یک تابع یا Function لازمه که اسم تابع به همراه () بیاد. در واقع پرانتز باز و بسته () ، عمل فراخونی و اجرای کدهای یک تابع را انجام میده.

دستور return در تابع

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

var x = myFunction(5, 4);   // Function is called, return value will end up in x

function myFunction(a, b) {
  return a * b;             // Function returns the product of a and b
}
// output: x = 20

پس برای اینکه مقدار تابع بعد از محاسبه به X نسبت داده بشه؛ لازمه از دستور return استفاده کنیم.

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

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

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

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

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
var text = "The temperature is " + toCelsius(77) + " Celsius";

متغیر محلی در توابع

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

// code here can NOT use carName
function myFunction() {
  var carName = "Volvo";
  // code here CAN use carName
}
// code here can NOT use carName
اشتراک گذاری:
برچسب ها: تونل یادگیریجاوا اسکریپتیادگیری جاوا اسکریپت

مطالب زیر را حتما مطالعه کنید

تمرین عملگرها در جاوااسکریپت

۲6) تمرین عملگرها: جا به جایی متغیرها با جاوااسکریپت

اولویت عملگرها در جاوااسکریپت

۲۵) آموزش اولویت عملگرها در جاوااسکریپت

عملگرهای منطقی

۲۴) آموزش عملگرهای منطقی در جاوااسکریپت

عملگر شرطی در جاوااسکریپت

۲3) آموزش عملگر شرطی در جاوااسکریپت

عملگرهای مقایسه ای در جاوااسکریپت

۲2) آموزش عملگرهای مقایسه ای در جاوااسکریپت

عملگرهای انتسابی در جاوااسکریپت

۲۱) آموزش عملگرهای انتسابی در جاوااسکریپت

7 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

  • تینا گفت:
    15 دی 1399 در 18:35

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

    پاسخ
  • امیرحسین رضائی گفت:
    5 مرداد 1399 در 19:15

    سلام
    ببخشید متود های شی ها رو توی جلسه قبل اشاره نکردید و رد شدید، آیا متودی هست که لازم باشه یاد بگیریم؟

    پاسخ
    • محمدرضا حاجی مقصودی گفت:
      5 مرداد 1399 در 19:19

      سلام و درود. اشیا متد خاصی ندارند اما موارد لازم و تکمیلی در دوره آموزش کامل اشیا آمده.
      https://megajs.com/shop/deep-learn/js/objects/

      پاسخ
  • Alireza گفت:
    25 تیر 1399 در 20:40

    سلام خسته نباشید اموزششتون عالی بود.فقط یه سوال درباره Visual Studio Code که از چه کد ادیتوری استفاده میکنید که خودش بقیه دستوری که شما دارید مینویسید رو براتون میاره

    پاسخ
    • محمدرضا حاجی مقصودی گفت:
      25 تیر 1399 در 22:04

      سلام و درود.
      لطفا تمام پلاگین های معرفی شده در جلسه دوم رو نصب کنید

      پاسخ
  • نگین گفت:
    24 خرداد 1399 در 16:04

    من یه سری از مطالب رو که سرچ میکنم فیلم های اموزشیتون نمیاد بالا برام باید چیز خاضی با آدرس خاصی رو سرچ کنم؟
    و اینکه شما کلاس های اموزشی هم دارید؟

    پاسخ
    • محمدرضا حاجی مقصودی گفت:
      25 خرداد 1399 در 00:22

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

      پاسخ

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
هیولای جاوااسکریپت

آموزش پروژه محور جاوااسکریپت

آموزش پروژه محور جاوااسکریپت

دسته‌ها
  • Angular
  • Denojs
  • Electronjs
  • Mongo DB
  • Nodejs
  • React
  • Vue
  • ابزار و تکنولوژی
  • جاوااسکریپت
  • فریم ورک ها
  • کتابخانه ها
  • وبلاگ
  • یادگیری React
  • یادگیری جاوااسکریپت
  • یادگیری جی کوئری
جاوااسکریپت را از کجا شروع کنیم؟

نقشه راه یادگیری جاوا اسکریپت

MEGAJS | مگا جی اس

جدیدترین نوشته ها
  • ۲6) تمرین عملگرها: جا به جایی متغیرها با جاوااسکریپت
  • Typescript چیست؟ چرا باید ازش استفاده کنیم؟
  • ۲۵) آموزش اولویت عملگرها در جاوااسکریپت
  • ۲۴) آموزش عملگرهای منطقی در جاوااسکریپت
درباره MEGA JS

در دنیای برنامه نویسی که هر روز یک یا چند قدم از روز قبل جلوتر است یادگیری یک زبان برنامه نویسی که تمامی نیازهایمان را رفع کند بی شک بهترین انتخاب است. بی شک جاوااسکریپت قدرت نسل بعد این عرصه خواهد بود.

با عضویت در خبرنامه ما از آخرین آپدیت دوره ها و تخفیف ها با خبر باشید

کانال آپارات

فیلم های آموزشی رایگان در کانال آپارات MEGAJS

کانال آپارات MEGAJS

تمامی حقوق برای سایت MEGA JS محفوظ می باشد.

ورود

آموزش برنامه نویسی
رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت