JS Beautifier
압축되었거나 지저분한 JavaScript를 읽기 쉽게 들여쓰기된 코드로 바꿉니다.
JS Beautifier 사용 방법
- JavaScript를 붙여 넣으세요.
- 들여쓰기와 중괄호 스타일을 선택하세요.
- 보기 좋게 만든 코드를 복사하세요.
JS Beautifier 소개
압축된 JavaScript는 기계를 위한 것입니다. 운영 번들을 디버깅하거나 서드파티 코드 조각을 읽어야 할 때 가장 먼저 필요한 것은 공백입니다. 이 뷰티파이어는 줄바꿈과 들여쓰기를 복원하여 제어 흐름을 다시 따라갈 수 있게 합니다.
압축기가 한 글자로 줄인 변수 이름은 복원할 수 없으므로 a라는 함수는 a로 남습니다. 돌려받는 것은 구조이며, 대부분의 디버깅은 그것만으로도 시작하기에 충분합니다.
자주 묻는 질문
보기 좋게 만들면 코드의 동작이 바뀌나요?
아니요. 공백과 줄바꿈만 바뀝니다. 뷰티파이어는 아무것도 이름을 바꾸거나 문장의 순서를 바꾸지 않습니다.
원래 변수 이름을 복원할 수 있나요?
아니요. 압축기가 제거한 이름은 사라집니다. 번들에 소스 맵이 있다면 브라우저의 개발자 도구가 이를 사용해 원래 이름을 보여 줄 수 있습니다.
최신 문법을 지원하나요?
네, 화살표 함수, 클래스, 템플릿 리터럴, async와 await, 옵셔널 체이닝, ES 모듈을 처리합니다.
이 도구와 Babel 포매터는 무엇이 다른가요?
이 도구는 코드를 다시 들여쓰는 관대한 뷰티파이어로, 이해하지 못하는 구문에서도 실패하지 않습니다. Babel 포매터는 코드를 파싱하여 처음부터 다시 출력하므로 더 엄격하고 일관된 결과를 줍니다.