3장. 자바스크립트의 기본 문법

[ 목차 ]

1. 변수

2. 값

3. 연산자

4. 키워드

5. 주석

6. 문

7. 표현식

8. 문과 표현식의 비교

9. 함수

10. 객체

11. 배열

 

1. 변수

1) 변수는 값을 저장하고 그 저장된 값을 참조하기 위해 사용

2) 한번 쓰고 버리는 값이 아닌 유지할 필요가 있는 값은 변수에 담아 사용

3) 변수 이름을 통해 값의 의미를 명확히 할 수 있어 코드의 가독성이 좋아짐

4) 변수는 위치를 기억하는 저장소 즉, 변수란 메모리 주소에 접근하기 위해 사람이 이해 가능한 언어로 지정된 식별자

5) 위치는 메모리 상의 주소를 의미

6) 변수를 선언할 때 var 키워드를 사용하며 할당 연산자 =는 변수에 값을 할당하기 위해 사용

 

2. 값

1) 프로그램에 의해 조작될 수 있는 대상

2) 다양한 방법으로 생성할 수 있으며 가장 간단한 방법은 리터럴 표기법을 사용하는 것

3) 숫자, 문자열, 불리언과 같이 원시 타입의 리터럴은 다양한 연산자의 피연산자가 되어 하나의 값으로 평가 가능

4) 리터럴은 연산에 의해 하나의 값이 될 수 있음

5) 자바스크립트의 모든 값은 데이터 타입을 가지며 총 7가지 테이터 타입을 제공

원시타입
1) number
2) string
3) boolean
4) null
5) underfined
6) symbol

객체타입
1) object

6) C나 Java와 다르게 변수를 선언할 때 데이터 타입을 미리 지정하지 않음

7) 변수에 할당된 값의 타입에 의해 동적으로 변수의 타입이 결정 = 동적 타이핑(다른 언어와 구별되는 특징)

 

3. 연산자

1) 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입 연산 등을 수행해 하나의 값으 만듬

2) 연산의 대상을 피연산자라 지칭

3) 피연산자의 타입은 반드시 일치할 필요 없으며 자바스크립트가 암묵적 타입 강제 변환을 통해 연산 수행

 

4. 키워드

1) 수행할 동작을 규정한 것

2) var 키워드의 경우 새로운 변수를 생성할 것을 지시

 

5. 주석

1) 작성된 코드의 의미를 설명하기 위해 사용

2) 한줄 주석은 // 다음에 작성

3) 여러 줄 주석은 /*  */ 사이에 작성하며, 주석은 해석기가 무시하며 실행되지 않음

 

6. 문

1) 프로그램은 컴퓨터에 의해 단계별로 수행될 명령들의 집합

2) 각각의 명령을 문이라 하며 문이 실행되면 어떤 일이 발생

3) 문은 리터럴, 연산자, 표현식, 키워드 등으로 구성되며 세미콜론으로 끝남

4) 문은 코드 블록으로 그룹화할 수 있으며 그룹화의 목적은 함께 실행되어져야 하는 문을 정의하기 위함

5) 문은 코드 블록으로 그룹화 할 수 있으며, 이는 함께 실행되어져야 하는 문을 정의하기 위함

6) 문들은 일반적으로 위에서 아래로 순서래도 실행되며 조건문, 반복문의 사용으로 실행 순서 제어 가능

7) 다른 언어와 달리 블록 유효범위를 생성하지 않으며 함수 단위의 유효범위만 생성

 

7. 표현식

1) 하나의 값으로 평가

2) 변수, 객체의 프로퍼티, 배열의 요소, 함수 호출, 메소드 호출, 피연산자와 연산자의 조합은 모두 표현식

 

8. 문과 표현식의 비교

1) 문이 마침표로 끝나는 하나의 완전한 문장이라면 표현식은 문을 구성하는 요소

2) 표현식은 그 자체로 하나의 문이 될 수 있음

3) 표현식은 평가되어 값을 만들지만 그 이상의 일은 할 수 없지만 문은 변수나 함수를 생성하고 제어문을 생성하여 프로그램의 흐름을 제어

4) 컴퓨터에게 실제로 명령을 하여 무언가를 하는 것은 문

 

9. 함수

1) 어떤 작업을 수행하기 위해 필요한 문들의 집합을 정의한 코드 블록

2) 이름과 매개변수를 가지며 필요할 때 호출하여 코드 블록에 담긴 문들을 일괄적으로 실행 가능

3) 한번만 호출되는 것이 아닌 여러번 호출 가능

4) 동일한 작업을 반복적으로 수행해야 한다면 미리 정의된 함수를 재사용하는 것이 효율적

 

10. 객체

1) 자바스크립트는 개체기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 모든 것이 객체

2) 자바스크립트 객체는 키와 값으로 구성된 프로퍼티의 집합

3) 프로퍼티의 값으로 자바스크립트에서 사용할 수 있는 모든 값을 사용 가능

4) 프로퍼티 값이 함수일 경우 일반 함수와 구분하기 위해 메소드라 지칭

5) 객체는 데이터를 의미하는 프로퍼티와 데이터를 참조, 조작할 수 있는 동작을 의미하는 메소르도 구성된 집합

6) 객체지향의 상속을 구현하기 위해 프로토타입이라고 불리는 객체의 프로퍼티와 메소드를 상속받을 수 있음

 

11. 배열

1) 한 개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용

2) 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함