JS метод Console.timeEnd()

Загальний опис

Метод console.timeEnd() у мові програмування JavaScript є статичним методом об'єкта console, який використовується для завершення вимірювання часу, ініційованого методом console.time(). Цей метод відіграє ключову роль у визначенні тривалості виконання певних операцій у коді, що є важливим для аналізу продуктивності та оптимізації програм. console.timeEnd() виводить час, що пройшов з моменту виклику console.time() з тією ж назвою таймера.

Використання console.timeEnd() є простим, але ефективним способом отримати детальну інформацію про тривалість виконання коду. Цей метод особливо корисний у випадках, коли необхідно визначити, які частини програми споживають найбільше часу, що дозволяє розробникам зосередити свої зусилля на оптимізації саме цих ділянок коду.

Ось простий приклад використання console.time() та console.timeEnd():

console.time("Обчислення");

// Виконання деяких операцій
for (let i = 0; i < 10000; i++) {
    // Певні обчислення або операції
}

console.timeEnd("Обчислення");

У цьому прикладі час виконання циклу буде виміряний і виведений у консоль. Важливо, що ідентифікатор таймера (у цьому випадку "Обчислення") має бути однаковим у console.time() та console.timeEnd(), щоб забезпечити точність вимірювань.

Більш складне застосування може включати вимірювання часу асинхронних операцій, таких як запити до сервера. Приклад:

console.time("ЗапитДоСервера");

fetch('https://example.com/data')
  .then(response => response.json())
  .then(data => {
    // Обробка даних

    console.timeEnd("ЗапитДоСервера");
  });

У цьому випадку console.timeEnd("ЗапитДоСервера") викликається після завершення асинхронного запиту та обробки отриманих даних, надаючи інформацію про загальний час виконання цієї операції.

Важливо зазначити, що при використанні console.timeEnd() без попереднього виклику console.time() з тією ж назвою таймера, у консолі відобразиться повідомлення про помилку. Це слід брати до уваги при розробці складних програм, де можливе паралельне виконання декількох таймерів.

У підсумку, console.timeEnd() є невід'ємною частиною інструментарію JavaScript-розробника для моніторингу та оптимізації продуктивності програми. Цей метод дозволяє точно вимірювати час виконання конкретних ділянок коду, що є критично важливим для створення ефективних та швидких веб-додатків.

Синтаксис

timeEnd()
timeEnd(label)

Параметри

label

Рядок, який представляє назву таймера для зупинки. Після зупинки, минулий час автоматично відображається у консолі разом з індикатором, що час завершено. Якщо пропущено, використовується мітка "default".

Return

none

Повертає undefined.

Переглядачі

• Стаціонарні переглядачі
• Мобільні переглядачі
• Серверні переглядачі

Приклади

• Приклад 1
• Приклад 2
• Приклад 3

console.time("TimeForSimpleLoop");

for (let i = 0; i < 10000; i++) {
    // Проста ітерація
}

console.timeEnd("TimeForSimpleLoop");

console.time("asyncOperationTime");

function simulateAsyncOperation(duration) {
    return new Promise(resolve => {
        setTimeout(() => {
            resolve(`Операція завершена за ${duration} мс`);
        }, duration);
    });
}

simulateAsyncOperation(2000).then(result => {
    console.log(result);  // Виводить: 'Операція завершена за 2000 мс'
    console.timeEnd("asyncOperationTime");
});