Passen Sie das console.log von JavaScript an

Wenn Sie sich jemals gefragt haben, wie Sie die Standardkonsole.log() erweitern können, z. B. indem Sie ihr das aktuelle Datum und die aktuelle Uhrzeit voranstellen:

// 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

Console.log zu schreiben ist mühsam. Anstatt das Standardverhalten zu überschreiben, erstellen wir einfach eine log()-Funktion, die console.log intern verwendet:

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

Viel Spaß beim Protokollieren und vergessen Sie nicht die Haltepunkte ;)

Das obige ist der detaillierte Inhalt vonPassen Sie das console.log von JavaScript an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!