최고의 JavaScript 코드 프로그래밍 방법은 무엇입니까? 이것은 대답하기 어려운 질문일 수 있습니다. 그렇다면 질문을 바꿔서 어떤 코딩 표준이 가장 인기가 있습니까?
side effect.kr은 GitHub에 호스팅된 오픈소스 코드를 분석하여 흥미로운 결과를 내놓았습니다. 살펴보겠습니다.
줄 끝의 쉼표와 줄 시작의 쉼표
줄 끝의 따옴표:
var foo = 1,
bar = 2,
baz = 3; 🎜>var obj = {
foo: 1,
bar: 2,
baz: 3
}
첫 번째 줄 인용 부호:
var foo = 1
, bar = 2
, baz = 3;
var obj = {
foo: 1
, bar: 2
, baz: 3
};
끝 줄의 시작, 92.345%, 줄의 시작, 7.655%. (1,100,251개 제출 기준)
스페이스와 탭
요즘은 누구나 스페이스를 즐겨 사용합니다. 공백 들여쓰기를 사용하면 다양한 개발자와 다양한 편집기 설정에서 동일한 결과를 볼 수 있습니다.
스페이스, 81.1%, 탭, 18.9%. (2,019,550건 기준)
함수 뒤에 공백 추가 여부
공백 없음
function foo() {
return "bar"
}
공백이 있습니다
function foo () {
return "bar"; 🎜>
없음 공백, 67.424%, 32.576%. (1,212,488건 기준)
매개변수와 괄호 사이에 공백이 있나요?
공백 없음
코드 복사
if (true) {
에 공백이 있음
코드 복사
}
if ( true ) {
// ...
}
공백 없이 94.31%; 공백, 5.69%. (1,514,971건 기준)
객체 리터럴에서 콜론 주위에 공백이 있나요?
콜론 뒤에 공백이 있나요? > 코드는 다음과 같습니다.
{ foo: 1,
bar: 2,
코드 복사
코드는 다음과 같습니다.
{
foo:1,
bar:2,
코드 복사
코드는 다음과 같습니다. 다음:
{
foo : 1,
bar : 2,
조건문
공백 있음
코드 복사
코드는 다음과 같습니다.
if (true) {
//...
}
while (true) {
//...
}
switch (v) {
//...
}
공백 없음
if(true) {
//...
}
while(true) {
/ /...
}
switch(v) {
//...
}
공백 포함, 78.276%; 공백, 21.724%. (1,163,316건 기준)
작은따옴표, 큰따옴표
작은따옴표, 56.791%, 큰따옴표, 43.209%. (1,705,910건 기준)
요약
따라서 가장 인기 있는 코드 사양은 다음과 같습니다.
• 줄 끝 쉼표
• 공백 들여쓰기
• 함수 이름 뒤에 공백 없음
• 함수 매개변수와 괄호 사이에 공백 없음
• 객체 리터럴 뒤 콜론 공백 , 콜론 앞에
을 추가하지 마세요. • 조건문 키워드
뒤에 공백을 추가하세요.
인기 있는 것이 반드시 좋은 것은 아니지만(예: 인플루엔자), 커뮤니케이션 관점에서 인기 있는 스타일로 코드를 작성하면 대부분의 사람들에게 코드가 더 친숙해 보일 수 있습니다.