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

4 سال پیش

امتیاز دهید post

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

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

هر از چندگاهی ، توسعه دهندگان هنگام کدگذاری مرتکب اشتباه می شوند. از اشتباه در یک برنامه یا یک اسکریپت به عنوان یک باگ یاد می شود.

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

پیام های خطا در اینترنت اکسپلورر

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

Error Icon
با دوبار کلیک بر روی این آیکون شما را به یک کادر محاوره ای هدایت می کند که اطلاعات مربوط به خطای خاص رخ داده را نشان می دهد.

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

برای فعال کردن این گزینه ، Tools → Internet Options → Advanced tab را انتخاب کنید. و سپس سرانجام گزینه “Display a Notification About Every Script Error” را نشان دهید همانطور که در زیر نشان داده شده است –

پیام های خطا در Firefox یا Mozilla

مرورگرهای دیگری مانند Firefox ، Netscape و Mozilla پیام های خطا را به پنجره خاصی به نام JavaScript Console یا Error Consol ارسال می کنند. برای مشاهده کنسول ، Tools → Error Consol یا Web Development را انتخاب کنید.

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

اعلان های خطا

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

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

نحوه اشکال زدایی از اسکریپت

روشهای مختلفی برای اشکال زدایی از JavaScript شما وجود دارد

استفاده از اعتبار سنج JavaScript

یکی از راه های بررسی کد جاوا اسکریپت برای وجود اشکالات عجیب و غریب ، اجرای آن از طریق برنامه ای است که آن را بررسی می کند تا مطمئن شود معتبر است و از قوانین نحوی رسمی زبان پیروی می کند. به این برنامه ها تجزیه کننده تجزیه کننده یا به اختصار فقط اعتبار سنج گفته می شود و اغلب با ویرایشگرهای تجاری HTML و JavaScript ارائه می شوند.

راحت ترین اعتبارسنج JavaScript ، JavaScript Lint Douglas Crockford است که به صورت رایگان در JavaScript Lint Douglas Crockford در دسترس است.

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

کد اشکال زدایی را به برنامه های خود اضافه کنید

می توانید از روش های ()alert یا ()document.write در برنامه خود برای رفع اشکال کد خود استفاده کنید. به عنوان مثال ، شما ممکن است چیزی به شرح زیر بنویسید –

var debugging = true;
var whichImage = "widget";

if( debugging )
   alert( "Calls swapImage() with argument: " + whichImage );
   var swapStatus = swapImage( whichImage );

if( debugging )
   alert( "Exits swapImage() with swapStatus=" + swapStatus );

var debugging = true;

var whichImage = "widget";

if( debugging )

alert( "Calls swapImage() with argument: " + whichImage );

var swapStatus = swapImage( whichImage );

if( debugging )

alert( "Exits swapImage() with swapStatus=" + swapStatus );

با بررسی محتوا و ترتیب ()alert همانطور که به نظر می رسد ، می توانید سلامت برنامه خود را خیلی راحت بررسی کنید.

استفاده از JavaScript Debugger

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

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

آخرین نسخه از Mozilla JavaScript Debugger (با نام رمز Venkman) برای مرورگرهای Mozilla و Netscape را می توانید در http://www.hacksrus.com/~ginda/venkman دانلود کنید

نکات مفید برای توسعه دهندگان

می توانید نکات زیر را در ذهن داشته باشید تا تعداد خطاهای اسکریپت های خود را کاهش داده و روند اشکال زدایی را ساده کنید –

از نظرات زیاد استفاده کنید نظرات این امکان را برای شما فراهم می کند تا توضیح دهید که چرا اسکریپت را به روشی که نوشتید نوشتید و بخشهای خاص کد را نیز توضیح دهید.
همیشه برای راحتی خواندن کد خود از تورفتگی استفاده کنید. جمله های تورفتگی همچنین تطبیق برچسب های شروع و پایان ، مهاربندهای حلقه ای و سایر عناصر HTML و اسکریپت را برای شما آسان می کند.
کد مدولار بنویسید. هر زمان ممکن ، عبارات خود را در توابع گروه بندی کنید توابع به شما امکان می دهند جملات مربوطه را گروه بندی کنید ، و بخشهایی از کد را با کمترین تلاش تست و استفاده مجدد کنید.
در نحوه نامگذاری متغیرها و توابع خود ثابت قدم باشید. سعی کنید از نام هایی استفاده کنید که به اندازه کافی طولانی هستند تا معنی دار باشند و محتوای مربوطه را توصیف می کنند
هنگام نامگذاری متغیرها و توابع از نحو سازگار استفاده کنید. به عبارت دیگر ، همه آنها را با حروف کوچک یا حروف بزرگ نگه دارید. اگر علامت گذاری Camel-Back را ترجیح می دهید ، به طور مداوم از آن استفاده کنید.
اسکریپت های طولانی را به صورت مدولار تست کنید. به عبارت دیگر ، سعی نکنید قبل از آزمایش هر بخشی از آن ، کل اسکریپت را بنویسید. قبل از افزودن قسمت بعدی کد ، یک قطعه را بنویسید و به کار بیندازید.
از نام متغیرها و توابع توصیفی استفاده کنید و از استفاده از نام های تک کاراکتری خودداری کنید.
علامت های نقل قول خود را تماشا کنید. به یاد داشته باشید که علامت های نقل قول به صورت جفت در اطراف رشته ها استفاده می شوند و هر دو نقل قول باید از یک سبک (یک یا دو) برخوردار باشند.
نشانه های برابر خود را تماشا کنید. برای مقایسه نباید از single = استفاده کنید.
متغیرها را به صراحت با استفاده از کلمه کلیدی var اعلام کنید

منبع.

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

امتیاز دهید post

نویسنده مطلب saber

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