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)

매개변수

obj1objN

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

msg

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

subst1substN

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

같이 보기