چاپ مسیر کامل اجرای یک بخش از کدها (اینکه توسط چه توابع و ترایگرهایی اجرا شده است) در کنسول (Console) مرورگر اینترنت (Browser)، با روش console.trace ، در JavaScript
حتما تاکنون برایتان پیش آمده است که بر اساس نتایجی که از اجرای کدها مشاهده می کنید، می دانید که بخشی از کدها اجرا شده است، اما نمی دانید که آن بخش از کدها دقیقا توسط کدام تابع یا ترایگر فراخوانی شده است.
در واقع در این حالت شما تمایل دارید که مسیر کامل اجرای آن بخش از کدها، یعنی ترتیب توابع و ترایگرهایی که باعث فراخوانی و اجرای آن بخش از کدها شده اند را بدانید.
برای این منظور، می توانیم روش
console.trace
در JavaScript را به کار ببریم که مسیر کامل اجرای آن بخش از کدها که در آن قرار گرفته است را در کنسول (Console) مرورگر اینترنت (Browser) نمایش می دهد.
روش
console.trace
به صورت زیر اجرا می شود :
به مثال زیر توجه کنید:
یک تابع با نام
My_Function_1
تعریف می کنیم و درون کدهای آن، روش
console.trace
را می نویسیم. سپس یک تابع دوم با نام
My_Function_2
تعریف می کنیم و درون کدهای آن، کد اجرای تابع اول (یعنی
My_Function_1
) را می نویسیم. سپس یک دکمه (Button) در صفحه قرار می دهیم و تعیین می کنیم که با کلیک بر روی آن، تابع دوم (یعنی
My_Function_2
) اجرا گردد.
بنابراین مسیر اجرای روش
console.trace
به این صورت خواهد بود که ابتدا با کلیک کاربر بر روی دکمه، ترایگر
onclick
برای دکمه فعال می شود و این ترایگر، باعث اجرا شدن تابع
My_Function_2
خواهد شد و تابع
My_Function_2
در کدهای خود، تابع
My_Function_1
را اجرا خواهد کرد و تابع
My_Function_1
در کدهای خود، روش
console.trace
را اجرا می کند.
بنابراین روش
console.trace
همین مسیر کامل اجرای خود که به ترتیب برابر ترایگر
onclick
و تابع
My_Function_2
و تابع
My_Function_1
می باشد را در کنسول (Console) مرورگر اینترنت (Browser) نمایش می دهد.
نتیجه :
کنسول (Console) مرورگر اینترنت (Browser) خود را باز کرده و پیام نمایش داده شده را بررسی نمایید.
اگر بخواهیم که مسیر کامل اجرای چند بخش مختلف از کدها را ببینیم، مجبور هستیم که روش
console.trace
را برای همه آن بخش ها بنویسیم، اما برای اینکه بتوانیم آنها را از یکدیگر تشخیص دهیم، باید آنها را عنوان گذاری (برچسب گذاری - Label) کنیم. به این صورت که باید برای هر کدام از آنها، یک عنوان (برچسب - Label) متفاوت انتخاب نماییم.
عنوان (برچسب - Label) پیش فرض روش
console.trace
، برابر عبارت
console.trace
می باشد.
به عنوان مثال، اگر بخواهیم عنوان روش
console.trace
برابر عبارت
kelidestan
باشد، آنگاه کد JavaScript زیر را می نویسیم :
به مثال زیر توجه کنید :
نتیجه :
کنسول (Console) مرورگر اینترنت (Browser) خود را باز کرده و پیام نمایش داده شده را بررسی نمایید.