[Javascript] Console API

console API?

코드의 특정 지점에서 값이나 변수를 기록하고, 작업의 소요 시간을 알아내는 등 개발자가 사용할 수 있는 디버깅 기능제공

console.log()로 익숙한 API

let myString = 'Hello world';

console.log(myString); // Hello world 출력

console

로깅, 스택, 추적, 타이머, 카운터 등 기초적인 브라우저 디버깅 기능을 제공

console 객체는 아무 전역 객체에서나 접근 가능

 

Instance methods

console.assert()

주어진 가정이 거짓인 경우 메세지를 콘솔에 출력

 

const errMsg = 'the # is not even';
for (let number = 2; number <= 5; number += 1) {
    console.log('the # is ' + number);
    console.assert(number % 2 === 0, { number: number, errMsg: errMsg });
}

 

 

 

console.clear()

콘솔에 기록된 메시지 모두 삭제

console.clear();

 

console.count() | console.countReset()

호출횟수를 세어서 출력, 레이블 지정 후 카운트 가능 | 콘솔 카운트 초기화

let user = "";

function greet() {
    console.count(user);
    return "hi " + user;
}

user = "bob";
greet();
user = "alice";
greet();
greet();
console.countReset("alice");
console.count("alice");

 

 

 

 

console.debug(), console.info(), console.warn(), console.error()

로그수준으로 콘솔에 출력 

 

 

console.dir() 

Javascript 객체의 속성 확인 

 

console.dir(document.location);

 

이 외에도 .group(), .table(), .time(), .trace()등의 메서드 존재

 

참고:

- https://console.spec.whatwg.org

- https://developer.mozilla.org/ko/docs/Web/API/Console_API