آموزش JavaScript
دسته بندی ( ۲۶۰ آموزش )
نمایش دسته بندی ها (۲۶۰ آموزش)
مباحث اولیه، در JavaScript
مباحث اولیه، در JavaScript 18
کنسول (Console)، در JavaScript
کنسول (Console)، در JavaScript 24
نمایش متن در خروجی صفحه، در JavaScript
نمایش متن در خروجی صفحه، در JavaScript 2
عملگرها (Operator)، در JavaScript
عملگرها (Operator)، در JavaScript 0
متغیرها (Variable)، در JavaScript
متغیرها (Variable)، در JavaScript 8
رشته ها (متن ها - String)، در JavaScript
رشته ها (متن ها - String)، در JavaScript 28
نمایش پیام، در JavaScript
نمایش پیام، در JavaScript 4
توابع (Function)، در JavaScript
توابع (Function)، در JavaScript 5
حلقه ها (Loop)، در JavaScript
حلقه ها (Loop)، در JavaScript 3
آرایه ها (Array)، در JavaScript
آرایه ها (Array)، در JavaScript 34
شیء ها (Object)، در JavaScript
شیء ها (Object)، در JavaScript 2
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript 7
کلاس های (Class) عنصرها، در JavaScript
کلاس های (Class) عنصرها، در JavaScript 5
id عنصرها، در JavaScript
id عنصرها، در JavaScript 0
مشخصه های (Attribute) عنصرها، در JavaScript
مشخصه های (Attribute) عنصرها، در JavaScript 1
رویدادها (Event)، در JavaScript
رویدادها (Event)، در JavaScript 0
عملیات های ریاضی، در JavaScript
عملیات های ریاضی، در JavaScript 18
تاریخ و زمان، در JavaScript
تاریخ و زمان، در JavaScript 10
زمان بندی اجرای کدها، در JavaScript
زمان بندی اجرای کدها، در JavaScript 2
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript 6
فرم ها (Form)، در JavaScript
فرم ها (Form)، در JavaScript 11
عکس ها (Image)، در JavaScript
عکس ها (Image)، در JavaScript 2
دکمه ها (Button)، در JavaScript
دکمه ها (Button)، در JavaScript 2
لینک ها (Link)، در JavaScript
لینک ها (Link)، در JavaScript 5
پنجره ها (Window)، در JavaScript
پنجره ها (Window)، در JavaScript 2
جدول ها (Table)، در JavaScript
جدول ها (Table)، در JavaScript 1
رنگ ها (Color) و تعیین رنگ، در JavaScript
رنگ ها (Color) و تعیین رنگ، در JavaScript 1
کلیک کردن (Click)، در JavaScript
کلیک کردن (Click)، در JavaScript 1
اسکرول (Scroll)، در JavaScript
اسکرول (Scroll)، در JavaScript 2
کار با کل صفحه، در JavaScript
کار با کل صفحه، در JavaScript 1
صفحه فعلی (Current Page)، در JavaScript
صفحه فعلی (Current Page)، در JavaScript 19
دریافت ورودی از کاربر، در JavaScript
دریافت ورودی از کاربر، در JavaScript 1
تمرکز (Focus)، در JavaScript
تمرکز (Focus)، در JavaScript 3
مرورگر اینترنت (Browser)، در JavaScript
مرورگر اینترنت (Browser)، در JavaScript 3
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript 10
کار با کیبورد (Keyboard)، در JavaScript
کار با کیبورد (Keyboard)، در JavaScript 2
موس، در JavaScript
موس، در JavaScript 1
Iframe ها، در JavaScript
Iframe ها، در JavaScript 1
بارگذاری (دانلود) فایل، در JavaScript
بارگذاری (دانلود) فایل، در JavaScript 1
علامت ها (Sign)، در JavaScript
علامت ها (Sign)، در JavaScript 0
تکنیک Ajax ، در JavaScript
تکنیک Ajax ، در JavaScript 4
ساختار JSON ، در JavaScript
ساختار JSON ، در JavaScript 0
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript 1
مباحث عمومی، در JavaScript
مباحث عمومی، در JavaScript 2

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

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

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو