JavaScript 코딩을 위한 최고의 프로그래밍 방법은 무엇입니까? 이것은 대답하기 어려운 질문일 수 있습니다. 그렇다면 질문을 바꿔서 어떤 코딩 표준이 가장 인기가 있습니까?
Side Effect.kr은 GitHub에 호스팅된 오픈소스 코드를 분석하여 흥미로운 결과를 내놓았습니다. 살펴보겠습니다.
끝 쉼표와 시작 쉼표 비교
줄 끝 인용문:
다음과 같이 코드 코드를 복사합니다.
var foo = 1,
바 = 2,
바즈 = 3;
var 객체 = {
foo: 1,
바: 2,
바즈: 3
};
시작 견적:
다음과 같이 코드 코드를 복사합니다.
var foo = 1
, 바 = 2
, 바즈 = 3;
var 객체 = {
푸: 1
, 바: 2
, 바즈: 3
};
줄 끝, 92.345%, 줄 시작, 7.655%. (1,100,251개 커밋 기준)
스페이스와 탭
요즘은 누구나 공간 활용을 좋아합니다. 공백 들여쓰기를 사용하면 다양한 개발자와 다양한 편집기 설정에서 동일한 결과를 볼 수 있습니다.
공간, 81.1%, 탭, 18.9%. (2,019,550개의 제출 기준)
함수 뒤에 공백을 추가할지 여부
공백 없음
다음과 같이 코드 코드를 복사합니다.
함수 foo() {
"바"를 반환합니다.
}
공백이 있습니다
다음과 같이 코드 코드를 복사합니다.
함수 foo() {
"바"를 반환합니다.
}
공백이 없으면 67.424%, 공백이 있으면 32.576%입니다. (1,212,488개의 제출 기준)
매개변수와 괄호 사이에 공백이 있나요?
공백 없음
다음과 같이 코드 코드를 복사합니다.
함수 fn(arg1, arg2) {
//또는
만약 (참) {
공백이 있습니다
다음과 같이 코드 코드를 복사합니다.
함수 fn(arg1, arg2) {
// ...
}
만약 (참) {
// ...
}
공백이 없으면 94.31%, 공백이 있으면 5.69%입니다. (1,514,971개의 제출 기준)
객체 리터럴의 콜론 주위에 공백이 있습니까?
콜론 뒤에 공백이 있습니다.
다음과 같이 코드 코드를 복사합니다.
{
foo: 1,
바: 2,
바즈: 3
}
콜론 뒤에 공백 없음
다음과 같이 코드 코드를 복사합니다.
{
foo:1,
바:2,
바즈:3
}
콜론 앞뒤에 공백이 있습니다.
다음과 같이 코드 코드를 복사합니다.
{
foo : 1,
바 : 2,
바즈 : 3
}
후행 공백, 62.955%, 공백 없음, 22.891%, 선행 및 후행 공백, 14.154%. (1,300,035건의 제출 기준)
개인적으로 어떤 공간도 너무 혼잡하지 않고 키와 값을 빠르게 구별하는 데 도움이 되지 않는다고 생각합니다. 앞뒤에 공백이 있으면 콜론을 정렬해야 아름답게 보일 수 있습니다. 통계에 따르면 대부분의 프로그래머는 콜론을 정렬하기에는 너무 게으릅니다. 아니면 대부분의 프로그래머의 IDE 또는 편집자가 똑똑하지 않은 것입니다. 충분한?)
조건문
공백이 있습니다
다음과 같이 코드 코드를 복사합니다.
만약 (참) {
//...
}
동안 (참) {
//...
}
스위치 (동사) {
//...
}
공백 없음
다음과 같이 코드 코드를 복사합니다.
만약(참) {
//...
}
동안(참) {
//...
}
스위치(동사) {
//...
}
공백이 있으면 78.276%, 공백이 없으면 21.724%입니다. (1,163,316개의 제출 기준)
작은따옴표, 큰따옴표
작은따옴표, 56.791%, 큰따옴표, 43.209%. (1,705,910개의 제출 기준)
요약
따라서 가장 널리 사용되는 코딩 표준은 다음과 같습니다.
•줄 끝 쉼표
• 공백 들여쓰기
•함수 이름 뒤에 공백이 없습니다.
•함수 매개변수와 괄호 사이에 공백이 있어서는 안 됩니다.
•객체 리터럴에서는 콜론 뒤에 공백을 추가하되 콜론 앞에는 공백을 추가하지 마십시오.
•조건문 키워드 뒤에 공백 추가
인기 있는 것이 반드시 좋은 것은 아니지만(예: 인플루엔자), 커뮤니케이션 관점에서 볼 때 인기 있는 스타일로 코드를 작성하면 대부분의 사람들에게 코드가 더 친숙해 보일 수 있습니다.