취소

커뮤니티

가이드

서포트

전체

Overview<p>자바스크립트의 표현식은 인터프리터를 통해 값으로 평가되거나 값을 반환하는(연산자,함수호출) 자바스크립트의 구문이다. (인터프리터 : 원시언어로 쓰여진 문장 하나씩 읽어서 기계어로 변환하여 실행하는 방식)</p>

1. 원시 표현식

상수나 변수 참조, 예약어(키워드) 같은 다른 표현식을 포함하지 않는 간단한 표현식을 말한다.

① 상수(리터럴)

10 // 숫자상수

1.2 // 숫자 상수

"zeroDay" // 문자열 상수

'jjdev' // 문자열 상수

② 예약어(키워드)

true

false

null

this // 현재 객체를 나타내는 예약어

③ 변수

x

undifined // 아무값도 아님을 나타내는 전역변수

2. 복합표현식

배열, 객체, 함수등  원시 표현식의 결합된 형태나 연산자를 사용하여 결합되는 표현을 말한다. 

① 배열 표현식 : 대괄호안에 쉼표로 구분한다.

[]

[1,2,3]

["zeroday", "jjdev"]

[[1,2,3],[4,5,6]]

[1,,,3] // 두개의 값은 초기화 되진 않은 형태로 배열의 길이는(lenght) 4이다

② 객체 표현식 : 중괄호 안에 속성(프로퍼티) 이름과 콜론(:)을 사용하고 속성의 구분에는 쉼표를 사용한다.

{}

{x:1 , y:2}

{h{left:1,right:2}, v{top:1, bottom:2}} // 객체의 중첩

③ 함수 표현식 : function 키워드와 괄호(쉼표로 구분한 매개변수 목록), 중괄호(자바스크립트 코드)로 표현한다.

function(x,y) {return x+y;} // 입력받은 두개의 인자(매객변수 값)의 합을 리턴한다

④ 함수 호출 표현식 : 함수를 호출(실행시키는)하는 문법, 함수이름과 괄호(인자 목록)를 연결하여 표현, 함수가 리턴값을 반환하지 않는 경우는 표현값이 undefined가 된다.

f(0)

add(1,2)

⑤ 객체의 속성(프로퍼티) 접근 표현식 : 점(.)이나 대괄호([])를 사용하여 속성을 접근한다.

// 예제 객체 선언

 var obj = {

age : 20,</blockquote>name : jjdev,</blockquote>hobby : [“여행”,”독서”],</blockquote>move : function(){alert(“move…”)}</blockquote><p>}</p>

// 속성 접근 표현식

obj.age // 20

obj["age"] // 20

obj.name // jjdev

obj.hobby[0] // 여행

obj.move()

⑥ 객체 생성 표현식 : new키워드와 생성자 함수를 사용하여 객체를 생성하고 속성을 초기화 한다.

new Object()

new Person("jjdev",20)

⑦ 연산자 표현식 : 복합 표현식을 만드는 가장 쉬원 방법은 연산자를 사용하는 것이다. 한개 이상의 피연산자들의 값들을 결합하여 새로운 값을 반환한다. 연산자들에 대한 자세한 설명은 다음장에 다룬다.

1+2

x*y // *는 곱하기 연산자다