JavaScript 포맷터

코드를 ES 모듈로 구문 분석해 구문 트리로 만든 뒤, 일관된 스타일로 다시 출력합니다. 텍스트 규칙으로 코드를 수정하는 대신 파싱하므로 출력 구조는 항상 입력과 일치합니다.

블록은 두 칸 들여쓰기하고, 각 문장은 별도의 줄에 표시하며, 연산자 양쪽에 공백을 넣고 문장 끝에는 세미콜론을 붙입니다. 짧은 객체 및 배열 리터럴은 한 줄로 유지하며, 문자열의 따옴표와 템플릿 리터럴은 입력된 그대로 둡니다.

아니요. 포맷터에는 설정 옵션이 없습니다. 모든 입력을 같은 스타일로 출력하므로 결과를 공유해도 일관성을 유지할 수 있습니다.

도구가 중단되고 문제가 있는 토큰 뒤에 Unexpected:가 표시되는 등 파서 메시지를 보여 줍니다. 보고된 문제를 수정한 뒤 포맷터를 다시 실행하세요.

예. 한 줄 주석과 블록 주석을 유지하고 해당 주석이 속한 문장과 함께 배치합니다. 문장 안의 주석은 다음 문장의 시작 부분으로 이동할 수 있습니다.

네, 파서는 import와 export, 화살표 함수, 클래스, async와 await, 구조 분해, 전개 구문, 선택적 체이닝, null 병합, 템플릿 리터럴 같은 최신 구문을 이해합니다. 한 줄에 들어가지 않는 긴 객체 리터럴은 속성 하나씩 줄을 나눠 표시합니다.

네, 압축된 파일을 파싱한 뒤 읽기 쉬운 줄과 들여쓰기로 펼쳐 표시합니다. 포매팅은 이름을 바꾸지 않으므로 압축 도구가 선택한 짧은 변수 이름은 그대로 유지됩니다.

아니요. 공백, 줄바꿈, 문장 종결자만 변경합니다. 추가되는 것은 세미콜론뿐이며, 이는 JavaScript이 코드를 읽는 방식과 일치합니다.

결과는 javascript 펜스로 시작하는 Markdown 코드 블록으로 반환되므로 Markdown에 붙여 넣으면 구문 강조가 적용됩니다. 일반 소스가 필요하면 펜스 사이의 줄을 복사하세요.

이 페이지는 일반 JavaScript을 처리합니다. React 구성 요소에는 JSX Formatter를 사용하고, 타입이 지정된 코드에는 TypeScript 또는 Flow Formatter를 사용하세요. 타입 주석은 표준 JavaScript의 일부가 아니기 때문입니다.