Personnaliser le fichier console.log de JavaScript-js tutoriel-php.cn

Personnaliser le fichier console.log de JavaScript

Mary-Kate Olsen

Libérer： 2024-09-23 06:19:07

original

830 Les gens l'ont consulté

Customize JavaScript

Si vous vous êtes déjà demandé comment étendre le fichier console.log() par défaut, c'est-à-dire : préfixez-le avec la date-heure actuelle :

// Store the default log method:
const _log = console.log;

// Override:
console.log = (...args) => {
    const prefix = `[${new Date().toLocaleString()}]`;
    if (typeof args[0] === "string") args[0] = `${prefix} ${args[0]}`
    else args.unshift(prefix);
    _log(...args);
};

// Examples:
console.log("Test"); // [Date Time] Test
console.log({a: "b"}); // [Date Time] {a: "b"}
console.log("Hello, %s!", "World"); // [Date Time] Hello, World!
console.log("Number: %i", 42); // [Date Time] Number: 42
console.log("%cStylized text", 'color: red'); // [Date Time] Stylized text

Copier après la connexion

Écrire console.log est fastidieux, donc au lieu de remplacer le comportement par défaut, créons simplement une fonction log() qui utilise console.log en interne :

const log = (...args) => {
    const prefix = `[${new Date().toLocaleString()}]`;
    if (typeof args[0] === "string") args[0] = `${prefix} ${args[0]}`
    else args.unshift(prefix);
    console.log(...args);
};

// Examples:
log("Test"); // [Date Time] Test
log({a: "b"}); // [Date Time] {a: "b"}
log("Hello, %s!", "World"); // [Date Time] Hello, World!
log("Number: %i", 42); // [Date Time] Number: 42
log("%cStylized text", 'color: red'); // [Date Time] Stylized text

Copier après la connexion

Amusez-vous à journaliser et n'oubliez pas les points d'arrêt ;)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!