چطوری می تونم کدهای جاوا اسکریپت رو مثل کدهای سی شارپ خط به خط دیباگ کنم ؟ به عنوان مثال کدهای زیر رو دارم. چطوری میتونم این کدها رو دیباگ کنم و اگر احیانا خطایی دارم پیداش کنم ؟
function myFunc()
{
let var1 = document.getElementById('div1');
let var2 = var1.innerHtml;
var2 = parsInt(var2);
var2++;
var1.innerHtml = va2;
}
برای دیباگ کردن و پیدا کردن خطاها در جاوااسکریپت چندین راه وجود داره.
یکی از پرکاربردترین روش ها استفاده از دستور console.log می باشد. شما می تونید مقدار هر متغیر، لیست، آرایه یا تابعی را با استفاده از دستور console.log نمایش بدید. برای نمایش خروجی این دستور کافیه در مرورگر دکمه f12 رو بزنید و در سربرگ console خروجی رو مشاهده کنید. در ادامه یک مثال از این دستور رو مشاهده می کنید.
<script>
function Sum()
{
a = 5;
b = 6;
c = a + b;
console.log(c);
}
</script>
در تصویر زیر نمونه خروجی این دستور را مشاهده می کنید:
اگر در کدهای جاوااسکریپت خودتون کلمه debugger رو قرار بدید به محض اینکه به این دستور برسیم اجرا بقیه کدها متوقف میشه و دقیقا مثل کدهای سی شارپ می تونید خط به خط با استفاده از دکمه f10 کدها رو اجرا کنید و مقادیر رو مشاهده کنید. این دستور مشابه با breakpoint عمل می کنه. در ادامه یک نمونه استفاده از این دستور رو مشاهده می کنید:
<script>
funtion myFunc()
{
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
}
</script>
دقت کنید برای نمایش خروجی این دستور و Trace کردن کدها باید دکمه f12 رو بزنید تا Inspect مرورگر باز بشه و به سربرگ Source برید. تصویر زیر رو مشاهده کنید.
خود مرورگرها هم امکاناتی برای دیباگ کردن کدهای جاوااسکریپت دارن ولی بهترین راه حل ها همین دو موردی بود که عرض کردم خدمتتون.
تاریخ :
1404/01/28
- ساعت :
09:29:00 PM
- بازدید :
61
- پاسخ :
1
|
تاریخ :
1404/01/29
- ساعت :
10:55:00 AM
- بازدید :
37
- پاسخ :
1
|
تاریخ :
1398/08/09
- ساعت :
07:44:00 PM
- بازدید :
4980
- پاسخ :
1
|
تاریخ :
1398/10/15
- ساعت :
08:02:00 PM
- بازدید :
2839
- پاسخ :
1
|
تاریخ :
1398/10/19
- ساعت :
02:01:00 PM
- بازدید :
3332
- پاسخ :
2
|
تاریخ :
1403/10/20
- ساعت :
12:45:00 AM
- بازدید :
209
- پاسخ :
0
|
تاریخ :
1399/06/22
- ساعت :
08:02:00 PM
- بازدید :
4171
- پاسخ :
1
|
تاریخ :
1403/10/08
- ساعت :
12:22:00 PM
- بازدید :
171
- پاسخ :
1
|
تاریخ :
1403/08/18
- ساعت :
10:40:00 AM
- بازدید :
500
- پاسخ :
0
|
تاریخ :
1403/07/09
- ساعت :
07:25:00 PM
- بازدید :
457
- پاسخ :
0
|
تاریخ :
1404/02/04
- ساعت :
04:31:00 PM
- بازدید :
18
- پاسخ :
0
|
تاریخ :
1404/01/28
- ساعت :
09:29:00 PM
- بازدید :
61
- پاسخ :
1
|
تاریخ :
1404/01/29
- ساعت :
10:55:00 AM
- بازدید :
37
- پاسخ :
1
|
تاریخ :
1404/01/28
- ساعت :
10:46:00 AM
- بازدید :
58
- پاسخ :
1
|
تاریخ :
1404/01/28
- ساعت :
10:27:00 AM
- بازدید :
40
- پاسخ :
1
|
تاریخ :
1404/01/26
- ساعت :
05:27:00 PM
- بازدید :
105
- پاسخ :
1
|
تاریخ :
1404/01/24
- ساعت :
07:09:00 AM
- بازدید :
97
- پاسخ :
0
|
تاریخ :
1404/01/25
- ساعت :
03:09:00 PM
- بازدید :
56
- پاسخ :
1
|
تاریخ :
1404/01/16
- ساعت :
07:20:00 PM
- بازدید :
271
- پاسخ :
1
|
تاریخ :
1404/01/07
- ساعت :
05:02:00 AM
- بازدید :
173
- پاسخ :
1
|