> 웹 프론트엔드 > JS 튜토리얼 > 오늘날 가장 인기 있는 JavaScript 코드 사양_기본 지식

오늘날 가장 인기 있는 JavaScript 코드 사양_기본 지식

WBOY
풀어 주다: 2016-05-16 16:56:14
원래의
1010명이 탐색했습니다.

최고의 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건 기준)

매개변수와 괄호 사이에 공백이 있나요?
공백 없음



코드 복사

코드는 다음과 같습니다. function fn(arg1, arg2) { //또는
if (true) {


에 공백이 있음



코드 복사
코드는 다음과 같습니다.function fn( arg1, arg2 ) { // ...
}

if ( true ) {
// ...
}


공백 없이 94.31%; 공백, 5.69%. (1,514,971건 기준)

객체 리터럴에서 콜론 주위에 공백이 있나요?
콜론 뒤에 공백이 있나요? > 코드는 다음과 같습니다.


{
foo: 1,
bar: 2,


코드 복사


코드는 다음과 같습니다.

{
foo:1,
bar:2,

코드 복사


코드는 다음과 같습니다. 다음:

{
foo : 1,
bar : 2,
baz : 3 } 후행 공백, 62.955% ; 공백 없음, 22.891%, 앞뒤 공백, 14.154%. (1,300,035건 기준) 개인적으로 공간이 너무 혼잡하지 않아 키와 값을 빠르게 구분하는 데 도움이 되지 않는다고 생각합니다. 앞뒤에 공백이 있으면 콜론을 정렬해야 아름답게 보일 수 있습니다. 통계에 따르면 대부분의 프로그래머는 콜론을 정렬하기에는 너무 게으릅니다. 아니면 대부분의 프로그래머의 IDE 또는 편집자가 똑똑하지 않은 것입니다. 충분합니까?)

조건문

공백 있음



코드 복사

코드는 다음과 같습니다.


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건 기준)

요약
따라서 가장 인기 있는 코드 사양은 다음과 같습니다.

• 줄 끝 쉼표
• 공백 들여쓰기
• 함수 이름 뒤에 공백 없음
• 함수 매개변수와 괄호 사이에 공백 없음
• 객체 리터럴 뒤 콜론 공백 , 콜론 앞에
을 추가하지 마세요. • 조건문 키워드

뒤에 공백을 추가하세요.

인기 있는 것이 반드시 좋은 것은 아니지만(예: 인플루엔자), 커뮤니케이션 관점에서 인기 있는 스타일로 코드를 작성하면 대부분의 사람들에게 코드가 더 친숙해 보일 수 있습니다.

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