자바스크립트 강좌 1 - 어휘구조

1. 어휘구조:

1 - 1. 자바스크립트는 Unicode 문자 집합을 사용하여 작성됩니다.

1 - 2. 자바스크립트는 대소문자를 구분합니다.

1 - 3. 자바스크립트는 선택적인 세미콜론 삽입이 가능합니다.

1 - 4. 자바스크립트 주석

1 - 5. 자바스크립트 리터널(프로그램에 상에서의 데이터값) 





2. 예제 코드: 


2 - 1. [1 - 3 예제]: 

자바스크립트에서 세미콜론은 각 문장을 구분하는 역할을 합니다. 

하지만 아래 코드처럼 return 과 'test' 문장이 서로 다른 줄에 있는 경우 자바스크립트는 임의로 세미콜론을 return 문장 줄에 삽입해 버립니다.

하지만 이런 설계 덕분에 아래 코드의 반환 값('undefined')처럼 의도치 않은 결과가 나올 수 도 있습니다. 

 

1. alert((function(){
2.     return function newLine(){
3.         return
4.         'test';
5.     }
6. })()()); // undefined(return 문장에서의 줄 바꿈 때문에 의도하지 않은 결과가 반환된다.)
7.  
8.  
9. // 아래 코드는 return 과 'test' 라는 문장을 한 줄로 삽입하여 의도한 반환 값 'test'를 얻어낸 결과입니다.
10.  
11. alert((function(){
12.     return function newLine(){
13.         return 'test';
14.     }
15. })()()); // test

2 - 2.  [ 1 - 4 예제]

1. // 한 줄 주석
2.  
3. /*
4.  
5. 여러 줄 주석
6.  
7. */

2 - 3.  [ 1 - 5 예제]

1. alert(12) // 숫자 12
2. alert(1.2) // 숫자 1.2
3. alert('hello world') // 문자열
4. alert(true) // 불리언 (true)
5. alert(false) //  불리언 (false)
6. alert(/^[\w]$/gi); // 정규 표현식
7. alert(null); // 객체가 존재하지 않음
8.  
9. alert({}) // 객체 리터널
10. alert([]) // 배열 리터널
11. alert(function(){ }) // 함수 리터널

참고서적: (자바스크립트 핵심 가이드)