자바스크립트 코드 구조 및 주석

자바스크립트 코드 작성 시 규칙

 

만약 Hellow와 world라는 두 개의 단어를 나누어 알람을 울린다면

밑의 형식은 바람직 하지 않습니다.

alert('Hello'); alert('World');

보통 문장은 줄바꿈을 하여 코드를 작성합니다.

alert('Hello');
alert('World');

세미콜론 (;)

 

줄바꿈을 할 경우 세미콜론을 생략할 수 있습니다.

alert('Hello')
alert('World')

이렇게 줄 바꿈을 하여 코드를 작성할 경우 "암시적" 세미콜론으로 해석합니다. 자동으로 세미콜론을 작성했다 인식합니다. 성향마다 많이 다르지만 항상 코드가 끝나면 세미콜론을 붙이는 습관을 가졌으면 합니다. 

 

오류의 종류

 

반복문 forEach를 이용해 세미콜론 없이 실행을 하면 1,2의 알람 창이 뜹니다.

[1, 2].forEach(alert)

두 개의 명령을 세미콜론 없이 실행할 경우

alert("There will be an error")

[1, 2].forEach(alert)

결과는 위의 경고만 실행되며 밑의 forEach는 실행되지 않습니다.

 

하지만 세미콜론(;)을 추가하면 두 개 모두 실행됩니다.

alert("All fine now");

[1, 2].forEach(alert)

코멘트 ( 주석 )

 

프로젝트가 커지면 커질수록 코드는 더욱더 복잡해집니다. 

그렇기 때문에 내가 작성한 코드가 어떤 기능인지 설명하는 코멘트를 작성할 수 있습니다.

 

한 줄 주석 //

// hellow 경고창
alert('Hello');

alert('World'); // 이런식으로 코드 옆에 입력도 가능합니다.

여러 줄 주석 /*시작  */끝

/* hellow world
두번 경고창 실행
*/
alert('Hello');
alert('World');

주석 안에 코드 

/* hellow 는 실행되지 않습니다
alert('Hello');
*/
alert('World');

주석 안에 주석을 작성할 경우

/*
  /* nested comment ?!? */
*/
alert( 'World' );

오류 메시지가 나타납니다.

 

참고 : https://javascript.info/structure

Code structure