console: log() static method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

참고: 이 기능은 Web Worker에서 사용할 수 있습니다.

console.log() 정적 메서드는 메시지를 콘솔에 출력합니다. 이 메시지는 선택적 대체 값을 포함한 단일 문자열이거나 더 많은 JavaScript 객체중 하나일 수 있습니다.

구문

js
log(obj1)
log(obj1, /* …, */ objN)
log(msg)
log(msg, subst1, /* …, */ substN)

매개변수

obj1 … objN

출력할 JavaScript 객체 목록입니다. 이러한 각 객체의 문자열 표현은 입력한 순서대로 함께 출력됩니다. 최신 버전의 Chrome 및 Firefox에서, 콘솔에 기록되는 것은 객체에 대한 참조이며, console.log()를 호출하는 순간에 객체의 '값'이 반드시 필요한 것은 아닙니다.

msg

0개 이상의 치환 문자열들을 포함하는 JavaScript 문자열입니다.

subst1 … substN

msg 내의 치환 문자열들을 치환할 JavaScript 객체들입니다. 출력 형식에 추가 제어를 할 수 있게 해줍니다.

자세한 내용은 console 문서의 콘솔에 텍스트 출력을 참고하세요.

반환 값

없음 (undefined).

객체 로깅하기

객체에 대한 정보는 게으르게 검색됩니다. 이는 로그 메시지가 객체가 처음 볼 때의 내용을 보여주며, 기록된 시점이 아니라는 것을 의미합니다. 예를 들어:

js
const obj = {};
console.log(obj);
obj.prop = 123;

이것은 {}를 출력합니다. 그러나 객체의 세부 정보를 확장하면 prop: 123임을 볼 수 있습니다.

객체를 변경하려는 경우 로깅된 정보가 업데이트되지 않도록 하려면, 로그에 기록하기 전에 객체를 깊은 복사할 수 있습니다. 일반적인 방법은 JSON.stringify()를 사용한 후 JSON.parse()를 사용하는 것입니다.

js
console.log(JSON.parse(JSON.stringify(obj)));

브라우저에서 structuredClone()와 같은 다른 대안들도 있습니다. 이들은 다양한 유형의 객체를 복제하는 데 더 효과적입니다.

명세

Specification
Console Standard
# log

브라우저 호환성

BCD tables only load in the browser

같이 보기