مهارت های اشکال زدایی جاوا اسکریپت خود را بهبود بخشید
اشکال زدایی یک کد یک هنر است. اگر مهارت های اشکال زدایی خوبی ندارید، واقعاً می تواند دردسرساز باشد. اگر مکانیسم کار کد جاوا اسکریپت را درک نمی کنید، پیدا کردن یک باگ می تواند سخت باشد. داشتن دانش در مورد ابزار/روش های اشکال زدایی که JS ارائه می دهد، می تواند واقعا مفید باشد. علاوه بر این، داشتن دانش خوب از اشکال زدایی می تواند در زمان زیادی صرفه جویی کند. در زیر برخی از متدها / بیانیه در JS آمده است که به اشکال زدایی کمک می کند.
- console.log
- میز کنسول
- کنسول.ردیابی
- کنسول.هشدار
- کنسول.خطا
- کنسول.اصرار
- اشکال زدا
- console.time && console.timeEnd
بیایید با جزئیات به این موارد بپردازیم
console.log
این روش هر تعداد آرگومان را می گیرد و مقدار را در پنجره کنسول چاپ می کند. وقتی می خواهید مقدار متغیر را در یک لحظه خاص بدانید مفید است.
استفاده:
let student ={
firstName: "Niroj",
lastName: "Dahal"
}
console.log('student detail',student);
اسکرین شات نتیجه
میز کنسول
این روش زمانی مفید است که می خواهید مقادیر آرایه را در کنسول ببینید. داده ها را در قالب جدول نشان می دهد تا داده ها قابل خواندن باشند
استفاده:
let values = [1,2,3,4,5,6];
console.table(values);
اسکرین شات نتیجه
کنسول.ردیابی
این روش رد پشته کد را چاپ می کند. زمانی مفید است که یک متد از چندین مکان فراخوانی شود و ما در پی بردن به دلیل و از کجا متد مشخص شده مشکل داریم.
استفاده:
function CalledMethod(){
console.trace('trace from where this method is called');
}
function CallerMethod1(){
CalledMethod();
}
function CallerMethod2(){
CalledMethod();
}
CallerMethod1();
CallerMethod2();
اسکرین شات نتیجه
در مثال بالا تماس گرفتیم CalledMethod دو بار از طریق CallerMethod1 روش و دوباره از طریق CallerMethod2 . همانطور که در اسکرین شات مشاهده می شود، ردیابی در کنسول به همین شکل نوشته شده است.
کنسول.هشدار
این روش پیامی را با رنگ زرد نشان می دهد (هشدار).
استفاده:
console.warn('This is a warning message');
اسکرین شات نتیجه
کنسول.خطا
این روش پیام را با رنگ قرمز (خطا) نشان می دهد.
استفاده:
console.error('This is an error message');
اسکرین شات نتیجه
کنسول.اصرار
این روش در صورتی که عبارتی false ارزیابی شود، پیامی به کنسول می نویسد. ورود به سیستم در برابر شرایط غیرمنتظره/نامعتبر مفید است
استفاده:
let studentDataFromApi=null;
console.assert(studentDataFromApi !=null,'Student data cannot be null');
اسکرین شات نتیجه
در این مثال، از اولین عبارت
studentDataFromApi !=null
به نادرست ارزیابی می کند، پیام پارامتر دوم ثبت شده است.
اشکال زدا
این روش برای تعیین نقطه شکست در طول جریان برنامه استفاده می شود. اگر میخواهید مقادیر متغیرها را در یک مقطع زمانی ببینید، از یک دیباگر استفاده کنید. دستور دیباگر اجرای جاوا اسکریپت را متوقف می کند و دیباگر را فراخوانی می کند
استفاده:
function TestDebugger(){
let val =1,secondVal=2,thirdVal=3,forthVal=4;
debugger;
}
TestDebugger();
اسکرین شات نتیجه
در اسکرین شات، قبل از فراخوانی دیباگر، به وضوح میتوانیم مقدار متغیرهای حالت را ببینیم.
console.time && console.timeEnd
از این روش ها برای چاپ زمان اجرای کد استفاده می شود.
console.time تایمر را شروع می کند و console.timeEnd تایمر قبلی را متوقف می کند و زمان لازم برای اجرای کد بین آن متدها را ثبت می کند. هر دو روش یک پارامتر رشته ای برای تایمر نامگذاری شده می گیرند. شما می توانید نام به تایمر را در متد console.time مشخص کنید و همان پارامتر را برای توقف تایمر مشخص کنید. اگر پارامتر ارائه نشده باشد، نام به صورت پیشفرض در نظر گرفته میشود پیش فرض
استفاده:
console.time('start');
console.timeEnd('start');
اسکرین شات نتیجه
با تشکر از شما برای خواندن و رفع اشکال خوشحال!