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

آموزش جاوا اسکریپت - توابع (functions)

function (تابع) یک گروه از کد قابل استفاده مجدد است که می تواند در هر نقطه از برنامه شما نامگذاری شود. این کار نیاز به نوشتن دوباره و دوباره همان کد را حذف می کند. این کار برای برنامه نویسان در نوشتن کدهای مدولار کمک می نماید. توابع به برنامه نویس اجازه می دهد تا یک برنامه بزرگ را به تعدادی از توابع کوچک و قابل کنترل تقسیم کند.

مانند هر زبان برنامه نویسی پیشرفته، جاوا اسکریپت نیز از تمام ویژگی های لازم برای نوشتن کد مدولار با استفاده از توابع پشتیبانی می کند. شما حتما توابعی مانند alert() و write() را در فصل های قبلی دیده اید. ما از این توابع دوباره و دوباره استفاده کردیم، اما در جاوا اسکریپت تنها یک بار نوشته شده است.

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

تعریف function

قبل از استفاده از یک تابع، ما باید آن را تعریف کنیم. شایع ترین روش تعریف یک تابع در جاوا اسکریپت با استفاده از کلید واژه function ،نام تابع (function name) منحصر به فرد و یک لیست از پارامترها (که ممکن است خالی باشد) و یک بلوک دستور احاطه شده  با {} است.

دستور نگارش (syntax)

<script type="text/javascript">
   <!--
      function functionname(parameter-list)
      {
         statements
      }
   //-->
</script>

 

مثال

مثال زیر تابع بدون پارامتر به نام sayHello  را تعریف می کند.

<script type="text/javascript">
   <!--
      function sayHello()
      {
         alert("Hello there");
      }
   //-->
</script>

 

فراخوانی تابع

برای فراخوانی تابع بعد از اسکریپت، به سادگی باید نام آن تابع را همانطور که در کد زیر نشان داده شده بنویسید.

<html>
   <head>
   
      <script type="text/javascript">
         function sayHello()
         {
            document.write ("Hello there!");
         }
      </script>
      
   </head>
   <body>
      <p>Click the following button to call the function</p>
      
      <form>
         <input type="button" onclick="sayHello()" value="Say Hello">
      </form>
      
      <p>Use different text in write method and then try...</p>
   </body>
</html>

خروجی

پارامترهای تابع

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

مثال

مثال زیر تابع sayHello با دو پارامتر را نشان می دهد.

<html>
   <head>
   
      <script type="text/javascript">
         function sayHello(name, age)
         {
            document.write (name + " is " + age + " years old.");
         }
      </script>
      
   </head>
   <body>
      <p>Click the following button to call the function</p>
      
      <form>
         <input type="button" onclick="sayHello('Zara', 7)" value="Say Hello">
      </form>
      
      <p>Use different parameters inside the function and then try...</p>
   </body>
</html>

خروجی

دستور return

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

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

مثال

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

<html>
   <head>
      
      <script type="text/javascript">
         function concatenate(first, last)
         {
            var full;
            full = first + last;
            return full;
         }
         
         function secondFunction()
         {
            var result;
            result = concatenate('Zara', 'Ali');
            document.write (result );
         }
      </script>
      
   </head>
   
   <body>
      <p>Click the following button to call the function</p>
      
      <form>
         <input type="button" onclick="secondFunction()" value="Call Function">
      </form>
      
      <p>Use different parameters inside the function and then try...</p>
  
  </body>
</html>

خروجی

نکات بسیاری در رابطه با توابع جاوا اسکریپت وجود دارد، با این حال در این آموزش به مهم ترین آن ها می پردازیم.

در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

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

Learn JavaScript

سرفصل ها

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

کلیک کنید و سوالات خود را از ما بپرسید
لطفا فرم سوال را پر کنید

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

لطفا چند لحظه منتظر بمانید ...