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

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

سبد خرید شما 0

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

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

آموزش کامل هندل کردن خطاها و استثناها در جاوا اسکریپت

هندل کردن خطاها و استثناها

سه نوع خطا در برنامه نویسی وجود دارد: (a) خطاهای syntax ، (b) خطاهای runtime و (c) خطاهای منطقی (logical) .

خطاهای Syntax

خطاهای syntax (قاعده نوشتاری) ، به عنوان خطاهای parsing (تجزیه) نیز شناخته می شوند ، که در زمان کامپایل (compile) در زبان های برنامه نویسی سنتی و در زمان تفسیر (interpret) در جاوا اسکریپت رخ می دهند.

به عنوان مثال ، خط زیر یک خطای syntax ایجاد می کند ؛ زیرا پرانتز بسته را ندارد.

<script type="text/javascript">
   <!--
      window.print(;
   //-->
</script>

هنگامی که یک خطای syntax در جاوا اسکریپت اتفاق می افتد ، فقط کد موجود در همان نخ (thread) به عنوان خطای syntax تحت تاثیر قرار می گیرد و مابقی کدها در نخ های دیگر اجرا می شوند و فرض بر این است که هیچ چیزی در آن نخ ها ، وابستگی به کد حاوی خطا ندارد.

خطاهای Runtime

خطاهای Runtime ، که استثناها نیز نامیده می شوند ، در حین اجرا (پس از کامپایل / تفسیر) رخ می دهند.

به عنوان مثال ، خط زیر موجب بروز یک خطای runtime می شود ، زیرا ، در اینجا syntax (قاعده نوشتاری) درست است ، اما در زمان اجرا ، در حال تلاش برای فراخوانی یک متدی است که وجود ندارد.

<script type="text/javascript">
   <!--
      window.printme();
   //-->
</script>

استثناها نیز بر روی نخی که در آن رخ می دهند ، تأثیر می گذارند ، به دیگر نخ های جاوا اسکریپت اجازه می دهند تا اجرای نرمال روند خود را دنبال کنند.

خطاهای منطقی

خطاهای منطقی می توانند سخت ترین نوع خطاها برای ردیابی باشند. این خطاها ، نتیجه یک خطای syntax یا runtime نیستند. در عوض ، آنها زمانی رخ می دهند که ما اشتباهی را در منطقی که اسکریپت ما را اداره می کند ، مرتکب شویم و موجب می شوند که نتیجه ای را که انتظار داریم ، دریافت ننماییم.

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

دستور try…catch…finally

به آخرین نسخه های جاوا اسکریپت ، قابلیت های هندل کردن استثناها اضافه شده است. جاوا اسکریپت ، ساختار try…catch…finally و هم چنین اپراتور throw را برای هندل کردن استثناها اجرا می نماید.

با این ساختار ، ما می توانیم استثنائات تولید شده توسط برنامه نویس و خطاهای runtime را متوجه شویم ، اما نمی توانیم خطاهای syntax جاوا اسکریپت را خطایابی کنیم.

در اینجا قاعده نوشتاری بلوک try…catch…finally آورده شده است:

<script type="text/javascript">
   <!--
      try {
         // Code to run
         [break;]
      } 
      
      catch ( e ) {
         // Code to run if an exception occurs
         [break;]
      }
      
      [ finally {
         // Code that is always executed regardless of 
         // an exception occurring
      }]
   //-->
</script>

بلوک try باید دقیقا توسط یک بلوک catch یا یک بلوک finally (یا یکی از هر دو) دنبال شود. وقتی که یک استثناء در بلوک try رخ می دهد ، استثنا در قسمت e قرار می گیرد و بلوک catch اجرا می شود. بلوک اختیاری finally پس از try/catch بدون شرط اجرا می شود.

مثال ها

در اینجا یک مثال می خواهیم ارائه دهیم که در آن ما سعی می کنیم که یک تابع غیر موجود را فراخوانی کنیم که به نوبه خود باعث بروز یک استثناء می شود. بیایید ببینیم که این مثال ، بدون ساختار try…catch چگونه رفتار می کند.

<html>
   <head>
      
      <script type="text/javascript">
         <!--
            function myFunc()
            {
               var a = 100;
               alert("Value of variable a is : " + a );
            }
         //-->
      </script>
      
   </head>
   
   <body>
      <p>Click the following to see the result:</p>
      
      <form>
         <input type="button" value="Click Me" onclick="myFunc();" />
      </form>
      
   </body>
</html>

خروجی

با کلیک کردن بر روی کلید Chick Me خروجی زیر حاصل می شود:

اکنون ، بیایید این استثناء را با استفاده از ساختار try…catch امتحان کنیم و یک پیام کاربرپسند را نمایش دهیم. اگر بخواهیم این خطا را از کاربر پنهان کنیم ، می توانیم این پیام را نیز نمایش ندهیم.

<html>
   
   <head>
      
      <script type="text/javascript">
         <!--
            function myFunc()
            {
               var a = 100;
               try {
                  alert("Value of variable a is : " + a );
               } 
               
               catch ( e ) {
                  alert("Error: " + e.description );
               }
            }
         //-->
      </script>
      
   </head>
   
   <body>
      <p>Click the following to see the result:</p>
      
      <form>
         <input type="button" value="Click Me" onclick="myFunc();" />
      </form>
      
   </body>
</html>

خروجی

با کلیک کردن بر روی کلید Chick Me خروجی زیر حاصل می شود:

ما می توانیم از بلوک finally استفاده کنیم که همیشه بعد از بلوک های try/catch ، بدون شرط اجرا می شود. در اینجا یک مثال آورده می شود:

<html>
   
   <head>
      
      <script type="text/javascript">
         <!--
            function myFunc()
            {
               var a = 100;
               
               try {
                  alert("Value of variable a is : " + a );
               }
               
               catch ( e ) {
                  alert("Error: " + e.description );
               }
               
               finally {
                  alert("Finally block will always execute!" );
               }
            }
         //-->
      </script>
      
   </head>
   
   <body>
      <p>Click the following to see the result:</p>
      
      <form>
         <input type="button" value="Click Me" onclick="myFunc();" />
      </form>
      
   </body>
</html>

خروجی

با کلیک کردن بر روی کلید Chick Me خروجی زیر حاصل می شود:

دستور throw

ما می توانیم دستور throw را برای ایجاد استثناء های داخلی موردنظر خود یا استثناء های سفارشی استفاده کنیم. در طول برنامه ، می توانیم این استثناء ها را گرفته و اقدام مناسب را برای آنها اعمال کنیم.

مثال

مثال زیر نشان می دهد که چگونه از یک دستور throw استفاده کنیم.

<html>
   
   <head>
      
      <script type="text/javascript">
         <!--
            function myFunc()
            {
               var a = 100;
               var b = 0;
               
               try{
                  if ( b == 0 ){
                     throw( "Divide by zero error." ); 
                  }
                  
                  else
                  {
                     var c = a / b;
                  }
               }
               
               catch ( e ) {
                  alert("Error: " + e );
               }
            }
         //-->
      </script>
      
   </head>
   
   <body>
      <p>Click the following to see the result:</p>
      
      <form>
         <input type="button" value="Click Me" onclick="myFunc();" />
      </form>
      
   </body>
</html>

خروجی

با کلیک کردن بر روی کلید Chick Me خروجی زیر حاصل می شود:

ما می توانیم یک استثناء را در یک تابع با استفاده از یک رشته ، یک عدد صحیح ، یک مقدار بولین یا یک شیء ایجاد کنیم و سپس می توانیم این استثناء را در همان تابعی که در آن اعمال کرده ایم ، یا در یک تابع دیگر با استفاده از بلوک try ... catch در اختیار بگیریم.

متد ()onerror

هندلر رویداد onerror ، اولین ویژگی برای تسهیل نمودن هندل خطاها در جاوا اسکریپت بود. رویداد error هر زمان که یک استثناء در صفحه رخ می دهد ، بر روی شیء window اجرا می شود.

<html>
   
   <head>
      
      <script type="text/javascript">
         <!--
            window.onerror = function () {
               alert("An error occurred.");
            }
         //-->
      </script>
      
   </head>
   
   <body>
      <p>Click the following to see the result:</p>
      
      <form>
         <input type="button" value="Click Me" onclick="myFunc();" />
      </form>
      
   </body>
</html>

خروجی

با کلیک کردن بر روی کلید Chick Me خروجی زیر حاصل می شود:

هندلر رویداد onerror سه قطعه اطلاعات را برای شناسایی ماهیت دقیق خطا فراهم می کند :

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

در اینجا ، مثالی را برای نشان دادن نحوه استخراج این اطلاعات ارائه می دهیم.

مثال

<html>
   
   <head>
      
      <script type="text/javascript">
         <!--
            window.onerror = function (msg, url, line) {
               alert("Message : " + msg );
               alert("url : " + url );
               alert("Line number : " + line );
            }
         //-->
      </script>
      
   </head>
   
   <body>
      <p>Click the following to see the result:</p>
      
      <form>
         <input type="button" value="Click Me" onclick="myFunc();" />
      </form>
      
   </body>
</html>

خروجی

با کلیک کردن بر روی کلید Chick Me خروجی زیر حاصل می شود:

با کلیک کردن بر روی کلید OK خروجی زیر حاصل می شود:

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

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

<img src="myimage.gif" onerror="alert('An error occurred loading the image.')" />

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

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

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

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

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

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

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

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

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

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

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

سایر

آموزش کامل هندل کردن خطاها و استثناها در جاوا اسکریپت

هندل کردن خطاها و استثناها

خطاهای Syntax

خطاهای Runtime

خطاهای منطقی

دستور try…catch…finally

مثال ها

خروجی

دستور throw

مثال

متد ()onerror

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