آموزش JavaScript
۲۶۰ آموزش
نمایش دسته بندی ها (۲۶۰ آموزش)

چاپ مسیر کامل اجرای یک بخش از کدها (اینکه توسط چه توابع و ترایگرهایی اجرا شده است) در کنسول (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) خود را باز کرده و پیام نمایش داده شده را بررسی نمایید.

منابع و لینک های مفید
نویسنده علیرضا گلمکانی
شماره کلید 27964
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)