자바스크립트의 기본문법

1.변수

변수(Variable)는 값(Value)을 저장(할당)하고 그 저장된 값을 참조하기위해 사용된다. 변수는 위치(주소)를 기억하는 저장소이다. 위치란, 메모리상의 주소(addres)를 의미한다. 즉, 변수란 메모리 주소(Memory address)에 접근하기위해 사람이 이해할 수 있는 언어로 지정한 식별자이다.

변수를 선언할 때 var 키워드를 쓴다. 할당 연산자 = 는 변수에 값을 할당하기위해 사용한다.

2.값

var str = "Hello World";

위 예제는 str이라는 이름의 변수를 선언하고 문자열 리터럴 Hello World를 값으로 할당하였다. 이때 문자열 리터럴 Hello World는 문자열 타입의 값이다.

데이터타입(Data type) : 프로그래밍 언어에서 사용할 수 있는 값의 종류

변수(Variable) : 값이 저장된 메모리 공간의 주소를 가리키는 식별자

리터럴(Literal) : 소스코드 안에서 직접 만들어낸 상수값 자체를 말하며 값을 구성하는 최소 단위

값은 프로그램에 의해 조작될 수 있는 대상을 말한다. 값은 다양한 방법으로 생성할 수 있다. 가장 간단한 방법은 리터럴 표기법이다.

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

자바스크립트의 모든 값은 데이터 타입을 갖는다. 자바스크립트는 7가지 데이터 타입을 제공한다.

• 원시타입
  • number
  • string
  • boolean
  • null
  • undefined
  • symbol(New in ECMAScript6)
• 객체타입
  • Object

자바스크립트는 C, Java와는 다르게 변수를 선언할 때 데이터 타입을 미리 지정하지 않는다. 다시말해, 변수에 할당된 값의 타입에 의해 동적으로 변수의 타입이 결정된다. 이를 동적 타이핑이라고 하며 자바스크립트가 다른 언어와 구별되는 특징 중 하나이다.

3.연산자

연산자(Operator)는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입 연산 등을 수행해 하나의 값을 만든다. 이때 연산의 대상을 피연산자(Operand)라 한다.

피연산자의 타입은 반드시 일치할 필요는 없다. 이때 자바스크립트는 암묵적 타입 강제 변환을 통해 연산을 수행한다.

4.키워드

키워드(Keyword)는 수행할 동작을 규정한 것이다. 예를 들어 var키워드는 새로운 변수를 생성할 것을 지시한다.

5.주석

주석(comment)은 작성된 코드의 의미를 설명하기 위해 사용한다.

한줄 주석은 // 다음에 작성하고 여러 줄 주석은 /* */ 의 사이에 작성한다. 주석은 해석기(Parser)가 무시하며 실행되지 않는다.

6.문

프로그램(Script)은 컴퓨터(Client-side Javascript의 경우, 웹 브라우저)에 의해 단계별로 수행될 명령들의 집합니다. 각각의 명령을 문(statement)이라 하며 문이 실행되면 무슨 일인가가 일어나게 된다.

문은 리터럴, 연산자(Operand), 표현식(Expression), 키워드(Keyword) 등으로 구성되며 세미콜론(;)으로 끝나야한다.

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

문들은 일반적으로 위에서 아래로 순서대로 실행된다. 이러한 실행 순서는 조건문(if, switch)이나 반복문(while, for)의 사용으로 제어할 수 있다. 이를 흐름제어(control flow)라고 한다. 또는 함수 호출로 변결될 수 있다. 다른 언어와 달리 자바스크립트에서는 블록 유효범위(Block-level-scope)를 생성하지 않는다. 함수 단위의 유효범위(function-level-scope)만이 생성된다.

7. 표현식

표현식(Expression)은 하나의 값으로 평가(Evaluation)된다. 값(리터럴), 변수, 객체의 프로퍼티, 배열의 요소, 함수호출, 메소드 호출, 피연산자와 연산자의 조합은 모두 표현식이며 하나의 값으로 평가된다. 표현식은 결국 하나의 값이 되기 때문에 다른 표현식의 일부가 되어 조금 더 복잡한 표현식을 구성할 수 도 있다.

8.문과 표현식의 비교

//선언문
var x = 5 * 10 //표현식 x = 5 * 10을 포함하는 문
//할당문
x = 100 //이 자체가 표현식이지만 완전한 문이기도 하다.

표현식은 문과 매우 유사하여 구별이 어려울 수 있다. 표현식은 평가되어 값을 만들지만 그 이상의 행위를 할 수는 없다. 문은 var, function과 같은 선언 키워드를 사용하여 변수나 함수를 생성하기도 하고, if,for,while 문과 같은 제어문을 생성하여 프로그램의 흐름을 제어하기도 한다. 표현식을 통해 평가한 값을 통해 실제로 컴퓨터에게 명령을 하여 무언가를 하는 것은 문이다.

9.함수

함수란 어떤 작업을 수행하기 위해 필요한 문(statement)들의 집합을 정의한 코드 블록이다. 함수는 이름과 매개변수를 갖으며 필요한 때에 호출하여 코드블로에 담긴 문들을 일괄적으로 실행할 수 있다.

함수는 호출에 의해 실행되는데 한번만 호출할 수 있는 것이 아니라 여러번 호출할 수 있다.

동일한 작업을 반복적으로 수행해야 한다면, 미리 정의된 함수를 재사용하는 것이 효율적이다. 이러한 특성은 코드의 재사용이라는 측면에서 매우 유용하다.

10.객체

자바스크립트는 객체기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 ‘모든 것'이 객체이다. 원시타입(Primitives)을 제외한 나머지 값들(함수,배열, 정규표현식 등) 은 모두 객체이다.

자바스크립트 객체는 키(이름)와 값으로 구성된 프로퍼티의 집합이다. 프로퍼티의 값으로 자바스크립트에서 사용할 수 있는 값을 모두 사용할 수 있다. 자바스크립트의 함수는 일급 객체이므로 값으로 취급할 수 있다. 따라서 프로퍼티 값으로 함수 사용이 가능하고 이 함수를 일반함수와 구분해 메소드라고 부른다.

이와같이 객체는 데이터를 의미하는 프로퍼티와 데이터를 참조하고 동작을 의미하는 메소드로 구성된 집합이다. 객체는 데이터(프로퍼티)와 그데이터에 관련되는 동작(메소드)을 모두 포함할 수 있기 떄문에 데이터와 동작을 하나의 단위로 구조화 할 수 있어 유용하다. 자바스크립트의 객체는 객체지향의 상속을 구현하기 위해 ‘프로토타입'이라고 불리는 객체의 프로퍼티와 메소드를 상속 받을 수 있다. 이 프로토 타입은 타 언어와 구별되는 중요한 개념이다.

11.배열

배열(array)은 1개의 변수에 여러개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다.