> 웹 프론트엔드 > JS 튜토리얼 > console.log 너머

console.log 너머

Mary-Kate Olsen
풀어 주다: 2024-12-06 18:56:18
원래의
416명이 탐색했습니다.

소개

항상 첫 번째 시도부터 제대로 작동하기를 바라지만 디버깅할 준비를 하는 것이 좋습니다. console.log는 가장 간단하고 빠르기 때문에 이 작업을 수행하는 주요 도구로 남아 있습니다.

로그, 경고, 오류 등 모두에게 알려진 콘솔 방법은 거의 없습니다.

더 깊이 들어가다

더 많은 트릭이 있습니다.

세다

예를 들어 구성 요소 다시 렌더링이 console.count를 사용할 수 있는 횟수를 계산해야 하는 경우입니다. console.count('comp1')

Beyond console.log

그룹 및 그룹접힘

console.groupCollapsed를 사용하여 축소된 그룹에 일부 정보를 기록할 수 있습니다. 많은 오류 메시지가 있는 경우 유용합니다. 축소하여 인쇄하면 덜 산만해지지만 Node.js/Sentry는 아마도 모두 확장하여 인쇄할 것입니다.

Beyond console.log

을 클릭한 후

Beyond console.log

스타일링

일부 CSS를 사용할 수 있습니다

Beyond console.log

디렉토리

console.dir을 사용하여 개체의 속성을 기록할 수 있습니다

Beyond console.log

사물

console.log('Ojb1', obj1) 대신 console.log({ obj1, obj2 })와 같은 중괄호를 사용하여 소수의 객체를 기록할 수 있습니다

주장하다

console.assert로 항목을 주장할 수 있습니다

Beyond console.log

시간

console.time을 사용하여 일부 작업에 걸리는 시간을 측정할 수 있습니다

Beyond console.log

추적하다

console.trace()를 사용하여 스택 추적 인쇄

Beyond console.log

분명한

console.clear()를 사용하여 정리

관련된

훌륭한 오래된 게시물을 확인하세요 - https://dev.to/lissy93/fun-with-consolelog-3i59

위 내용은 console.log 너머의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿