JavaScript 코드를 작성할 때 준수해야 할 중요한 구문 규칙

JavaScript는 웹 개발에 가장 널리 사용되는 프로그래밍 언어 중 하나이지만 깔끔하고 오류 없는 코드를 작성하려면 해당 구문을 확실히 이해해야 합니다.

다음은 모든 JavaScript 개발자가 효율적이고 버그 없는 코드를 작성하기 위해 따라야 하는 15가지 중요한 구문 규칙입니다.

1. 대소문자 구분
JavaScript는 대소문자를 구분합니다. 이는 변수와 변수가 서로 다른 식별자임을 의미합니다. 미묘한 버그를 방지하려면 항상 명명 규칙을 준수해야 합니다.

JavaScript의 명명 규칙에 대한 다음 기사를 읽어보세요.

https://medium.com/javascript-in-plain-english/javascript-naming-conventions-a-guideline-for-reader-and-maintainable-code-550c1620f04a

2. 세미콜론
세미콜론은 선택 사항이지만 명령문 끝에 포함하는 것이 가장 좋습니다. JavaScript는 자동 세미콜론 삽입(ASI)을 사용하지만 이에 의존하면 특히 복잡한 코드에서 오류가 발생할 수 있습니다.

a = 5로 설정;
b = 6;

3. 코드 블록의 중괄호
중괄호 {}는 if, for 및 while과 같은 제어 구조에 대한 코드 블록을 정의하는 데 사용됩니다. 중괄호를 올바르게 사용하지 않으면 코드가 의도한 대로 실행되지 않을 수 있습니다.

if (x > 0) {
console.log('긍정적');
}

4. 변수 선언(let, const, var)
변수를 사용하기 전에 항상 선언하십시오. 호이스팅 문제를 방지하려면 var 대신 let 및 const를 사용하십시오. const는 변경되지 않는 값에 사용해야 합니다.

const pi = 3.1416;
나이 = 25;

5. 엄격 모드
"엄격한 사용"을 사용하세요. JavaScript 코드에서 더 엄격한 구문 분석 및 오류 처리를 적용하려면 스크립트나 함수의 시작 부분에 추가하세요. 이렇게 하면 선언되지 않은 변수의 사용과 기타 잠재적인 문제를 방지할 수 있습니다.

"엄격한 사용";
x = 5;

6. 기능
함수를 정의할 때 function 키워드나 화살표 함수 구문을 사용해야 합니다. 함수가 인수를 사용하지 않더라도 괄호를 포함해야 합니다.

greet() 함수 {
"Hello, World!"를 반환합니다.
}

// 화살표 기능
const 인사 = () => "안녕, 세계!";

7. 항등 연산자(=== 대 ==)
== 및 != 대신 엄격한 동등성 === 및 부등식 !==를 사용하면 예기치 않은 결과가 발생할 수 있는 유형 강제를 방지할 수 있습니다.

if (x === 5) {
console.log('x는 5');
}

8. 댓글
코드를 설명하는 명확한 주석을 작성하세요. 한 줄 주석에는 //를 사용하고 여러 줄 주석에는 /* */를 사용합니다.

// 한줄 주석입니다

/* 이것은
입니다 여러 줄 주석 */

9. 템플릿 리터럴
문자열 연결을 사용하는 대신 템플릿 리터럴(백틱 `)을 사용하여 문자열을 만듭니다. 이렇게 하면 코드를 더 읽기 쉽게 만들고 표현식을 직접 삽입할 수 있습니다.

const name = '앨리스';
console.log(안녕하세요, ${name} 님!);

10. 배열과 객체
항상 배열에는 대괄호 []를 사용하고 객체에는 중괄호 {}를 사용하세요. 배열의 항목과 객체의 속성을 구분하려면 쉼표를 올바르게 사용해야 합니다.

let arr = [1, 2, 3];
let obj = { 이름: '앨리스', 나이: 25 };

11. 조건문의 괄호
if, while 및 for 문의 조건 주위에는 항상 괄호()를 사용하십시오. 이렇게 하면 조건이 올바르게 평가됩니다.

if (x > 0) {
// 뭔가를 하세요
}

12. 루프
루프(for, while, do...while)에 대해 적절한 구문을 사용해야 합니다. for 루프에는 초기화, 조건, 증가/감소를 항상 포함하세요.

for (let i = 0; i console.log(i);
}

13. 함수의 반환문
return 문을 사용할 때 같은 줄에 표현식이 뒤에 오는지 확인하세요. return 뒤에 새 줄이 오면 정의되지 않은 값이 반환됩니다.

함수 추가(a, b) {
b를 반환하다;
// 정답
}

함수 buggyAdd(a, b) {
반품
ab; // ASI로 인해 정의되지 않은 값을 반환합니다
}

14. 구조분해 할당
JavaScript를 사용하면 구조 분해 할당을 사용하여 배열의 값이나 객체의 속성을 고유 변수로 압축 해제할 수 있습니다. 이렇게 하면 코드가 단순화될 수 있습니다.

const [x, y] = [1, 2];
const { 이름, 나이 } = { 이름: '앨리스', 나이: 25 };

15. 기본 매개변수
인수가 전달되지 않을 때 발생하는 문제를 방지하기 위해 함수 매개변수에 기본값을 할당할 수 있습니다.

function Greeting(name = 'Guest') {
return 안녕하세요, ${name};
}

이러한 15가지 구문 규칙을 따르면 JavaScript 코드가 깔끔하고 유지 관리가 용이하며 오류 발생 가능성이 줄어드는 것을 확인할 수 있습니다. 이러한 규칙을 올바르게 이해하고 적용하면 일반적인 함정을 피하고 효율적인 JavaScript 코드를 작성하는 데 도움이 됩니다.

위 내용은 JavaScript 코드를 작성할 때 준수해야 할 중요한 구문 규칙의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!