٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش اشکال زدایی JavaScript

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

محمد یوسفی

23 جولای 2021

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


اشکال زدایی کد

کد برنامه نویسی ممکن است شامل خطاهای نحوی یا خطاهای منطقی باشد.

تشخیص بسیاری از این خطاها دشوار است.

غالباً ، وقتی کد برنامه نویسی حاوی خطا باشد ، اتفاقی نمی افتد. هیچ پیغام خطایی وجود ندارد و هیچ نشانه ای برای جستجوی خطاها دریافت نخواهید کرد.

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


اشکال زدایی جاوا اسکریپت

اشکال زدایی آسان نیست. اما خوشبختانه همه مرورگرهای مدرن دارای یک اشکال زدایی داخلی JavaScript هستند.

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

با اشکال زدایی ، می توانید نقاط شکست (مکانهایی که می توان اجرای کد را متوقف کرد) تنظیم کنید ، و متغیرها را هنگام اجرای کد بررسی کنید.

به طور معمول ، در غیر این صورت مراحل پایین این صفحه را دنبال کنید ، شما با کلید F12 اشکال زدایی را در مرورگر خود فعال می کنید و “Console” را در منوی اشکال زدایی انتخاب می کنید.


روش console.log ()

اگر مرورگر شما از اشکال زدایی پشتیبانی می کند ، می توانید console.log()مقادیر JavaScript را در پنجره اشکال زدایی نمایش دهید:

مثال

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

نکته: درباره این console.log()روش در مرجع کنسول JavaScript بیشتر بخوانید .


تنظیم نقاط شکست

در پنجره رفع اشکال ، می توانید نقاط شکست را در کد JavaScript تنظیم کنید.

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

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


کلمه کلیدی رفع اشکال

debuggerکلمه کلیدی اجرای جاوا اسکریپت است، و تماس (در صورت وجود) تابع اشکال زدایی متوقف می شود.

این عملکرد همان وظیفه تنظیم نقطه شکست در رفع اشکال است.

اگر خطایابی در دسترس نباشد ، بیانیه اشکال زدایی هیچ تأثیری ندارد.

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

مثال

let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;

عمده ابزارهای اشکال زدایی مرورگرها

به طور معمول ، اشکال زدایی را در مرورگر خود با F12 فعال می کنید ، و “Console” را در منوی اشکال زدایی انتخاب می کنید.

در غیر این صورت این مراحل را دنبال کنید:

کروم

  • مرورگر را باز کنید.
  • از فهرست ، “ابزارهای بیشتر” را انتخاب کنید.
  • از میان ابزارها ، “ابزارهای توسعه دهنده” را انتخاب کنید.
  • در آخر ، Console را انتخاب کنید.

فایرفاکس

  • مرورگر را باز کنید.
  • از فهرست ، “Web Developer” را انتخاب کنید.
  • در آخر ، “Web Console” را انتخاب کنید.

حاشیه، غیرمتمرکز

  • مرورگر را باز کنید.
  • از فهرست ، “Developer Tools” را انتخاب کنید.
  • در آخر ، “کنسول” را انتخاب کنید.

اپرا

  • مرورگر را باز کنید.
  • از منو ، “توسعه دهنده” را انتخاب کنید.
  • از “Developer” ، “Developer tools” را انتخاب کنید.
  • در آخر ، “کنسول” را انتخاب کنید.

سافاری

  • در Safari، Preferences، Advanced در فهرست اصلی بروید.
  • “فعال کردن نمایش توسعه منو در نوار منو” را علامت بزنید.
  • وقتی گزینه جدید “توسعه” در منو ظاهر شد:
    “نمایش خطای کنسول” را انتخاب کنید.

آیا می دانید؟

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

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها