آموزش 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.time و console.timeEnd ، در JavaScript

در هنگام برنامه نویسی، یکی از موضوع هایی که اهمیت زیادی برای برنامه نویس دارد، مدت زمان اجرای کدها می باشد.

در واقع علاوه بر اینکه می خواهیم کدها نتایج مورد نظر ما را برگردانند، برایمان این مورد نیز مهم است که اجرای کدها در کمترین زمان ممکن صورت گیرد.

بنابراین باید بتوانیم زمان اجرای بخش های مختلف کدها را متوجه شویم، تا بخش های زمان بر کدها را یافته و در صورت امکان، آنها را بهینه سازی کنیم و یا اینکه کدهای سریعتری را جایگزین آنها نماییم.

در JavaScript ، با استفاده از روش های console.time و console.timeEnd می توانیم مدت زمان اجرای یک بخش از کدها را تشخیص دهیم. به این صورت که روش console.time را دقیقا درقبل از ابتدای آن بخش از کدها و روش console.timeEnd را دقیقا در بعد از انتهای آن بخش از کدها می نویسیم. بنابراین بعد از اجرای آن بخش از کدها، مدت زمان مربوط به اجرای آنها در کنسول (Console) مرورگر اینترنت (Browser) نمایش داده می شود.

به مثال زیر توجه کنید:

مثال

یک حلقه for می سازیم و درون آن یک خط کد محاسباتی می نویسیم و تعداد گام حلقه را برابر 1000 قرار می دهیم. سپس در قبل از کدهای حلقه، روش console.time و در بعد از کدهای حلقه، روش console.timeEnd را می نویسیم.

بنابراین پس از اجرای کدها، مدت زمان اجرای کدهای حلقه در کنسول (Console) مرورگر اینترنت (Browser) چاپ خواهد شد.

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

کنسول (Console) مرورگر اینترنت (Browser) خود را باز کرده و پیام نمایش داده شده را بررسی نمایید.

به عنوان مثال، بعد از یک بار اجرای کدهای بالا، پیام زیر را در کنسول (Console) مرورگر اینترنت (Browser) خود مشاهده کردیم :

که در آن، ms به معنای میلی ثانیه می باشد.

عبارت default ، عنوان (برچسب - Label) پیش فرض می باشد که در صورت تمایل می توانیم آن را تغییر دهیم و یک عنوان (برچسب - Label) دلخواه را مشخص کنیم (در ادامه، در این مورد صحبت خواهیم کرد).

نکته

اگر بخواهیم که زمان اجرای چند بخش مختلف از کدها را اندازه گیری کنیم، مجبور هستیم که روش های console.time و console.timeEnd را برای همه آن بخش ها بنویسیم، اما برای اینکه تداخلی در عملکرد آنها به وجود نیاید، باید آنها را عنوان گذاری (برچسب گذاری - Label) کنیم. به این صورت که باید هر دو تا از آنها که برای اندازه گیری زمان اجرای یک بخش خاص از کدها به کار می روند، دارای عنوان یکسان باشند و البته عنوان آنها باید با عنوان سایر روش های console.time و console.timeEnd موجود در کدها، متفاوت باشد.

عنوان (برچسب - Label) پیش فرض، برابر عبارت default می باشد.

به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

کنسول (Console) مرورگر اینترنت (Browser) خود را باز کرده و پیام نمایش داده شده را بررسی نمایید.

به عنوان مثال، بعد از یک بار اجرای کدهای بالا، پیام های زیر را در کنسول (Console) مرورگر اینترنت (Browser) خود مشاهده کردیم :

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

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

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

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

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

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


جستجو
×

جستجو