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

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

May 16, 2016 pm 04:56 PM
코드 사양

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

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

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

뒤에 공백을 추가하세요.

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

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PHP 코드 사양을 통해 성능 최적화를 표준화하는 방법 PHP 코드 사양을 통해 성능 최적화를 표준화하는 방법 Aug 11, 2023 pm 03:51 PM

PHP 코드 사양을 통해 성능 최적화를 표준화하는 방법 소개: 인터넷의 급속한 발전으로 인해 점점 더 많은 웹사이트와 애플리케이션이 PHP 언어를 기반으로 개발되고 있습니다. PHP 개발 프로세스에서 성능 최적화는 중요한 측면입니다. 고성능 PHP 코드는 웹사이트의 응답 속도와 사용자 경험을 크게 향상시킬 수 있습니다. 이 기사에서는 PHP 코드 사양을 통해 성능 최적화를 표준화하는 방법을 살펴보고 참조할 수 있는 몇 가지 실용적인 코드 예제를 제공합니다. 1. 데이터베이스 쿼리를 줄입니다. 빈번한 데이터베이스 쿼리는 개발 프로세스 중 일반적인 기능입니다.

PHP 및 PHPUnit을 사용하여 코드 규칙 및 품질을 확인하는 방법 PHP 및 PHPUnit을 사용하여 코드 규칙 및 품질을 확인하는 방법 Jun 25, 2023 pm 04:57 PM

현대 소프트웨어 개발에서는 코드 품질과 사양이 매우 중요한 요소입니다. 코드를 더 깔끔하고 유지 관리하기 쉽게 만들 수 있을 뿐만 아니라 코드의 가독성과 확장성을 향상시킬 수도 있습니다. 하지만 코드의 품질과 사양을 어떻게 확인합니까? 이 글에서는 PHP와 PHPUnit을 사용하여 이 목표를 달성하는 방법을 설명합니다. 1단계: 코드 사양을 확인하세요. PHP 개발에는 PSR(PHP Standard Spec)이라는 매우 널리 사용되는 코드 사양이 있습니다. PSR 사양의 목적은 PHP 코드를 더 읽기 쉽고 유지 관리하기 쉽게 만드는 것입니다. ~에

Java 개발에서 코드 문서를 작성하고 유지 관리하는 방법 Java 개발에서 코드 문서를 작성하고 유지 관리하는 방법 Oct 10, 2023 pm 08:22 PM

Java 개발에서 코드 문서를 작성하고 유지 관리하는 방법 Java 개발 프로세스에서 코드 문서를 작성하고 유지 관리하는 것은 매우 중요한 부분입니다. 좋은 코드 문서는 코드의 가독성과 유지 관리성을 향상시키고, 프로젝트 구성원 간의 협업과 의사소통을 촉진하며, 향후 코드 유지 관리 및 반복에도 도움이 됩니다. 주석 사용 주석은 코드 문서의 기초이며 코드의 기능, 구현 논리, 매개변수 설명 등을 설명하는 데 사용할 수 있습니다. Java에는 한 줄 주석(//)과 여러 줄 주석(/.

React의 커스텀 Hook에 대한 심층적인 이해 React의 커스텀 Hook에 대한 심층적인 이해 Apr 20, 2023 pm 06:22 PM

React 커스텀 Hooks는 재사용 가능한 함수에 컴포넌트 로직을 캡슐화하는 방법으로, 클래스를 작성하지 않고도 상태 로직을 재사용할 수 있는 방법을 제공합니다. 이 기사에서는 캡슐화 후크를 사용자 정의하는 방법을 자세히 소개합니다.

최신 PHP 코드 사양을 최신 상태로 유지하기 위해 개발 환경에서 코드 사양 알림을 설정하는 방법은 무엇입니까? 최신 PHP 코드 사양을 최신 상태로 유지하기 위해 개발 환경에서 코드 사양 알림을 설정하는 방법은 무엇입니까? Sep 05, 2023 am 09:18 AM

최신 PHP 코드 사양을 최신 상태로 유지하기 위해 개발 환경에서 코드 사양 알림을 설정하는 방법은 무엇입니까? 개요: 개발 과정에서 다음 코드 사양을 사용하면 코드의 가독성과 유지 관리성이 향상될 수 있습니다. 이 기사에서는 코드 사양 확인 도구와 IDE를 사용하여 개발자가 최신 PHP 코드 사양을 유지하는 데 도움이 되는 코드 사양 알림을 설정하는 방법을 소개합니다. 1. 코드 사양 확인 도구 코드 사양 확인 도구는 코드 작성 과정에서 사양을 준수하지 않는 코드를 감지하고 상기시켜 줄 수 있습니다. 다음은 일반적으로 사용되는 몇 가지 PHP 코드 사양 확인 도구입니다. PHP

PHP 코드가 최신 코드 사양을 준수하는지 자동으로 확인하는 방법은 무엇입니까? PHP 코드가 최신 코드 사양을 준수하는지 자동으로 확인하는 방법은 무엇입니까? Sep 06, 2023 pm 12:33 PM

도구를 사용하여 PHP 코드가 최신 코드 사양을 준수하는지 자동으로 확인하는 방법은 무엇입니까? 소개: 소프트웨어 개발 프로세스에서 코드의 가독성, 유지 관리성 및 확장성을 보장하기 위해 특정 코드 사양을 따라야 하는 경우가 많습니다. 그러나 코드 사양을 수동으로 확인하는 것은 지루하고 오류가 발생하기 쉬운 작업입니다. 효율성을 높이고 오류를 줄이기 위해 일부 도구를 사용하여 코드 사양을 자동으로 확인할 수 있습니다. 이 기사에서는 인기 있는 도구를 사용하여 PHP 코드가 최신 코딩 표준을 준수하는지 자동으로 확인하는 방법을 소개합니다. 1. PH

Vue 개발 노트: 일반적인 실수와 함정을 피하세요 Vue 개발 노트: 일반적인 실수와 함정을 피하세요 Nov 23, 2023 am 10:37 AM

Vue 개발 노트: 일반적인 실수와 함정 방지 소개: Vue.js는 현대적인 대화형 프런트엔드 애플리케이션을 구축하는 데 널리 사용되는 인기 있는 JavaScript 프레임워크입니다. Vue.js는 간단하고 유연하며 효율적인 개발 방법을 제공하지만 개발 과정에서 여전히 몇 가지 일반적인 오류와 함정에 직면할 수 있습니다. 이 기사에서는 개발자가 이러한 실수와 함정을 피하고 개발 효율성과 코드 품질을 향상시키는 데 도움이 되는 몇 가지 일반적인 Vue 개발 고려 사항을 소개합니다. 참고 1: v-if의 합리적인 사용 및

Python 코드의 들여쓰기 불규칙 오류를 해결하는 방법은 무엇입니까? Python 코드의 들여쓰기 불규칙 오류를 해결하는 방법은 무엇입니까? Jun 24, 2023 pm 04:39 PM

고급 프로그래밍 언어인 Python에는 코드 들여쓰기에 대한 요구 사항이 특히 엄격합니다. Python 코드 블록은 들여쓰기를 통해 정의되기 때문입니다. 따라서 들여쓰기가 불규칙한 코드는 구문 오류와 프로그램 논리의 혼란을 쉽게 유발하여 코드의 가독성과 실행 효율성에 영향을 미칩니다. 그렇다면 Python 코드의 들여쓰기 불규칙 오류를 해결하는 방법은 무엇입니까? 다음은 Python 코드의 들여쓰기 불규칙성을 해결하는 몇 가지 일반적인 방법입니다. 텍스트 편집기의 자동 들여쓰기 기능을 사용합니다. S와 같은 많은 텍스트 편집기

See all articles