자바스크립트: JS 문법에 대해 알아보기(0609)

오늘은 자바스크립트의 식별자나 변수선언, 데이터 선언에 대해 배우게 되었습니다.

문법이 자바랑 비슷해서 이해하기 쉬운 부분이 있었던 것 같았습니다! 그럼 오늘도 복습을 하면서 정리해보도록 하겠습니다.

---

1. 자바스크립트 식별자

•  자바스크립트 프로그램의 변수, 상수(리터널), 함수의 이름

식별자 만드는 규칙

• 첫번째 문자 : 알파벳(A-Z, a-z), 언더스코어(_), $문자만 사용 가능
• 두 번째 이상 문자 : 알파벳, 언더스코어(_), 0-9, $사용 가능
• 대소문자는 구분되어 다루어짐 //myHome과 myhome은 다른 식별자
• 자바스크립트 예약어 사용 불가 //false, for, if, null 등 자바스크립트 예약어 사용 불가

 식별자 사용 사례

6variable;  //(X) 숫자로 시작할 수 없음
student_ID; //(O)
_code;      //(O) 맞지만 권하지 않음
if;         //(X) 예약어 if 사용 불가
%calc       //(X) % 사용 불가
bar, Bar,   //(O) bar와 Bar는 서로 다른 식별자임에 주의

 

 

2. 자바스크립트 문장

• 자바스크립트 프로그램의 기본단위는 문장
• 문장과 문장을 구분하기 위해 세미콜론(;) 사용

i = i + 1              //(O)한 줄에 한 문장만 있는 경우 세미콜론 생략 가능
j = j + 1;			   //(O)
k = k + 1; m = m + 1;  //(O) 한줄에 여러 문장
n = n + 1 p = p + 1;   //(X) 첫 번째 문장 끝에서 세미콜론이 필요함

 

• 주석문

//한 라인 주석, 라인의 끝까지 주석 처리
/*
여러 라인 주석
*/

 

3. 데이터 타입

자바스크립트 언어에서 다루는데 데이터 종류

• 숫자 타입 : 정수, 실수(예 : 42, 3.14)
• 논리 타입 : 참, 거짓(예 : true, false)
• 문자열 타입(예 : '좋은 세상', "a", "365", "2+4")
• 객체 레퍼런스 타입 : 객체를 가리킴. C언어의 포인터와 유사
• null : 값이 없음을 표시하는 특수 키워드. Null, NULL과는 다름 

특징

• 자바스크립트에는 문자 타입 없음. 문자열로 표현

 

4. 변수 선언 사례

//소문자로 시작

• var로 선언

var score;               //변수 score 선언
var year, month, day;    //year, month, day의 3개의 변수 선언
var address = "서울시";  //address 변수를 선언하고 "서울시"로 초기화

• let로 선언

let score;               //변수 score 선언
let year, month, day;    //year, month, day의 3개의 변수 선언
let address = "서울시";  //address 변수를 선언하고 "서울시"로 초기화

• var나 let없이 선언 //age가 이미 선언된 변수이면, 존재하는 age에 2/저장

age = 21;  //var나 let 없이 변수 age가 선언. 동시에 21로 초기화

• 자바스크립트에는 변수 타입 없음
  • 변수 타입 선언하지 않음

let score; //정상적인 변수 선언
int score; //오류.변수 타입 int 없음

• 변수에 저장되는 값에 대한 제약 없음

score = 66.8;    //실수도 저장 가능
score = "high";  //문자열도 저장 가능

 

5. 변수의 사용 범위(scope)와 생명(life)

 

6. this로 전역변수 접근

• 지역 변수와 전역 변수의 이름을 같을 때
  • 전역 변수에 접근하고자 할 때 : this.전역변수

var x;     //전역변수
function f() {
  var x;   //지역변수
  x = 1;   //지역변수 x에 저장
  this.X = 100; //전역변수 x에 100저장

주의!!

• let으로 선언된 전역 변수는 this로 접근 할 수 없다

예제 6-6 지역 변수와 전역 변수, 블록 변수

 

예제 6-8 산술 연산

 

7. 증감 연산자

• 증감 연산자 : ++,--

 

8. 대입 연산자

• 대입 연산 : 오른쪽 식의 결과를 왼쪽 변수에 대입

let a=1, b=3;
a = b;  //a에 b의 값이 대입되어 a = 3, b = 3이 된다.
a += b; //a = a+b의 연산이 이루어져, a = 6, b = 3이 된다.

• 대입 연산자 종류

 

 

이렇게 오늘 자바스크립트의 문법이나 데이터 형식 등등 다양하게 알게 되었습니다!

 

※이 글에 나온 모든 이미지는 작성자가 만들었습니다.