مشاوره رایگان

ورود عضویت کسب درآمد

سبد خرید شما 0

دریافت لینک های دانلود دریافت پستی درب منزل مبلغ کل: تومان

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

جلسه چهاردهم آموزش جاوا اسکریپت : تابع در JavaScript جاوا اسکریپت

توابع در JavaScript

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

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

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

تعریف تابع

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

Syntax

قاعده نوشتاری (syntax) تعریف تابع به صورت زیر می باشد:

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

مثال

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

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

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

برای فراخوانی یک تابع در هر جایی بعد از 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) اختیاری داشته باشد. این عبارت زمانی که ما بخواهیم یک مقدار را از تابع بازگردانیم ، مورد نیاز است. این دستور باید آخرین دستور در یک تابع باشد.

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

مثال

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

<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>

خروجی

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

پکیج های آموزشی جدید

آموزش ساخت ادیتور Html

فصلِ: 1 , تعداد قسمت ها: 4 , سطح: صفر تا صد

موضوعات: آموزش HTML5 آموزش JAVASCRIPT

این فصل در یک نگاه:

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

با توجه به اینکه آموزش جامع و کاملی در مورد نحوه ایجاد و شخصی سازی یک ادیتور در وب سایت و صفحات وب، وجود نداشت برآن شدیم تا یک سری مجموعه آموزشی کامل و جامع در رابطه با این موضوع تهیه نماییم…

طراحی و برنامه نویسی وب

برنامه نویسی موبایل

برنامه نویسی ویندوز

سایر

جلسه چهاردهم آموزش جاوا اسکریپت : تابع در JavaScript جاوا اسکریپت

توابع در JavaScript

تعریف تابع

Syntax

مثال

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

خروجی

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

مثال

خروجی

دستور بازگشتی

مثال

خروجی

آیا نیاز به مدرک هم دارید؟