console 방법 상세 설명

콘 솔 대상 은 자 바스 크 립 트 의 네 이 티 브 대상 으로 콘 솔 에 다양한 정 보 를 출력 할 수 있 으 며 추가 적 인 유용 한 방법 도 제공 합 니 다.
그것 의 흔 한 용 도 는 두 가지 가 있다.
디 버 깅 프로그램, 웹 코드 가 실 행 될 때의 오류 정 보 를 표시 합 니 다.웹 코드 와 상호작용 하기 위해 명령 행 인 터 페 이 스 를 제공 합 니 다.
console.assert()
첫 번 째 매개 변수 가 진짜 인지, false 는 이상 을 던 지고 콘 솔 에서 해당 정 보 를 출력 합 니 다.
assert 방법 은 두 개의 인 자 를 받 아들 입 니 다. 첫 번 째 인 자 는 표현 식 이 고 두 번 째 인 자 는 문자열 입 니 다.첫 번 째 인자 가 false 일 때 만 두 번 째 인 자 를 출력 할 수 있 습 니 다. 그렇지 않 으 면 결과 가 없습니다.

console.assert(true === false, '       ')
// Assertion failed:        

console.clear()
콘 솔 비우 기.
console.count()
매개 변 수 를 표지 로 호출 횟수 를 기록 하고 호출 할 때 콘 솔 에서 표지 와 호출 횟수 를 인쇄 합 니 다.

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

greet('bob')
//  : 1
// "hi bob"

greet('alice')
//  : 2
// "hi alice"

greet('bob')
//  : 3
// "hi bob"

이 방법 은 문자열 을 매개 변수 로 받 아들 여 탭 으로 실행 횟수 를 분류 할 수 있 습 니 다.

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

greet('bob')
// bob: 1
// "hi bob"

greet('alice')
// alice: 1
// "hi alice"

greet('bob')
// bob: 2
// "hi bob"

console.log()，console.info()，console.debug()
console. log 방법 은 웹 콘 솔 에 메 시 지 를 출력 합 니 다.

console.log('Hello World')
// Hello World

console.log(1);
console.log(2);
console.log(3);
// 1
// 2
// 3

console. log 방법 은 다음 과 같은 대체 자 를 지원 합 니 다. 서로 다른 형식의 데 이 터 는 해당 하 는 형식의 대체 자 를 사용 해 야 합 니 다.
% s 문자열% d 정수% i 정수% f 부동 소수점% o 대상 의 링크% c CSS 형식 문자열

console.log(' %s + %s = %s', 1, 1, 2)
//  1 + 1 = 2

var number = 11 * 9;
var color = 'red';
console.log('%d %s balloons', number, color);
// 99 red balloons

console. info () 와 console. debug () 는 모두 console. log 방법의 별명 으로 용법 이 똑 같 습 니 다.다만 console. info 방법 은 출력 정보 앞 에 파란색 아이콘 을 추가 합 니 다.
console.dir()，console.dirxml()
console. dir 방법 은 대상 을 검사 하고 읽 기 쉽 고 인쇄 하기 쉬 운 형식 으로 표시 합 니 다.
문법
console.dir(object);
매개 변수
object
이 대상 의 모든 속성 과 속성 값 을 출력 합 니 다.
console. dirxml 방법 은 디 렉 터 리 트 리 형식 으로 DOM 노드 를 표시 하 는 데 사 용 됩 니 다.

console.dir([1, 2, 3]) === console.dirxml([1, 2, 3])
//true

console.error()，console.warn()
console. error () 가 웹 콘 솔 에 오류 메 시 지 를 출력 합 니 다.
console. warn () 은 웹 콘 솔 에 경고 메 시 지 를 출력 합 니 다.

console.error('Error: %s (%i)', 'Server is not responding', 500)
// Error: Server is not responding (500)

console.warn('Warning! Too few nodes (%d)', document.childNodes.length)
// Warning! Too few nodes (1)

console.group()，console.groupend()，console.groupCollapsed()
console. group 과 console. grouped 두 가지 방법 은 표 시 된 정 보 를 그룹 으로 나 누 는 데 사 용 됩 니 다.이것 은 대량의 정 보 를 출력 할 때 만 유용 하 며, 한 그룹 으로 나 누 어 진 정 보 는 마우스 로 접 거나 펼 칠 수 있다.

console.group('Group One');
console.group('Group Two');

// some code

console.groupEnd(); // Group Two   
console.groupEnd(); // Group One   

console. group Collapsed 방법 은 console. group 방법 과 유사 합 니 다. 유일한 차이 점 은 이 그룹의 내용 입 니 다. 처음 표시 할 때 접 는 것 (collapsed) 이지 펼 쳐 지 는 것 이 아 닙 니 다.

console.groupCollapsed('Fetching Data');

console.log('Request Sent');
console.error('Error: Server not responding (500)');

console.groupEnd();

위의 코드 는 'Fetching Data' 한 줄 만 표시 하고 클릭 해 야 펼 쳐 지 며 그 안에 포 함 된 두 줄 을 표시 합 니 다.
console.profile()，console.profileEnd()
console. profile 방법 은 성능 측정기 (profile) 를 새로 만 드 는 데 사 용 됩 니 다. 그 매개 변 수 는 성능 측정기 의 이름 입 니 다.

console.profile('p')
// Profile 'p' started.

console. profileEnd 방법 은 실행 중인 성능 테스트 기 를 끝 내 는 데 사 용 됩 니 다.

console.profileEnd()
// Profile 'p' finished.

console.table()
일부 복합 형식의 데이터 에 대해 서 는 console. table 방법 으로 표 로 표시 할 수 있 습 니 다.

var languages = [
  { name: "JavaScript", fileExtension: ".js" },
  { name: "TypeScript", fileExtension: ".ts" },
  { name: "CoffeeScript", fileExtension: ".coffee" }
];

console.table(languages);

표 로 전환 하면 다음 과 같 습 니 다.
(index)
Value
Qty
0
“JavaScript”
“.js”
1
“TypeScript”
“.ts”
2
“CoffeeScript”
“.coffee”
console.time()，console.timeEnd()
이 두 가지 방법 은 시간 을 재 는 데 사용 되 며, 한 조작 에 걸 린 정확 한 시간 을 계산 할 수 있다.

console.time('Array initialize');

var array= new Array(1000000);
for (var i = array.length - 1; i >= 0; i--) {
    array[i] = new Object();
};

console.timeEnd('Array initialize');
// Array initialize: 1914.481ms

time 방법 은 시간 계산 시작 을 표시 합 니 다. timeEnd 방법 은 시간 계산 이 끝 났 음 을 표시 합 니 다. 매개 변 수 는 타이머 의 이름 입 니 다. timeEnd 방법 을 호출 하면 console 창 에 '타이머 이름: 소 모 된 시간' 이 표 시 됩 니 다.
console.trace()
console. trace 방법 은 웹 콘 솔 에 스 택 추적 을 출력 합 니 다.