이번에는 자바스크립트의 기초에 해당하는 변수에 대해서 알아보겠습니다.
변수에 대해 간단히 설명하자면 변수는 값을 저장하는 역할을 합니다.
그리고 선언한 변수에 다른 값을 저장하게 되면 기존의 값은 사라지고 새로운 값이 남게 됩니다. 간단하죠? 어렵지 않습니다.
그럼 변수를 선언하는 방법에 대해서 알아보겠습니다.
변수는 사용자가 임의의 단어로 선언할 수 있는데요 변수명을 정할 때 주의할 사항이 있습니다.
변수명 정하기
1. 영어와 숫자 그리고 특수 문자를 혼합하여 지정할 수 있습니다.
2. 한글은 사용할 수 없습니다.
3. 숫자가 맨 앞에 올 수 없습니다.
4. 낙타등표기법(CamelCase)을 사용하면 좋습니다. ex) helloWorld, camelCase
그럼 변수를 선언의 예를 들어 보겠습니다.
1 2 3 4 | var a; a = 10; var str; str = "baekjakka"; | cs |
var는 변수의 선언을 의미하고 뒤에 a 는 변수의 이름을 의미합니다. 그리고 세미콜론(;)은 마침표와 같은 역할을 하고 a = 10; 은 변수 a 에 10이란 값을 저장한 것입니다. 만약 변수에 값이 담기지 않았을 때에는 undefined 라는 값이 초기값으로 할당되어 있습니다.
변수에 숫자도 문자도 담는게 보이는데요 변수의 타입에 대해서 알아보겠습니다.
변수의 타입에는 기본타입과 참조타입이 있는데요.
기본 타입은 변수에 저장된 값을 실제로 변수가 가지고 있는 형태이고 참조 타입은 값을 포함하는 형태입니다.
참조 타입은 하나의 값을 여러 변수에 할당 할 수 있습니다. 즉, 같은 값을 가지고 있는 경우 한 곳에서 수정하면 다른 곳에도 영향을 줄 수 있습니다.
그럼 기본타입과 참조타입의 종류를 보겠습니다.
기본타입의 종류
종류 |
설명 |
사용 예시 |
숫자 |
숫자는 기본타입입니다. |
var a = 10; |
문자 |
" "(따옴표)안에 넣어야 합니다. |
var str = "baekjakka"; |
Boolean |
참(true), 거짓(false)의 값을 가집니다. |
var bool = true; |
null |
아무 값도 가지지 않습니다. |
var n = nulll; |
undefined | 변수를 선언하고 아무런 값을 할당하지 않은 상태에서는 undefined값을 가집니다. null과 같습니다. | var a; |
참조타입의 종류
종류 |
설명 |
사용 예시 |
객체(Object) |
변수와 메소드를 한곳에 모아 담는 역할을 합니다. |
var obj = new Object(); |
배열(Array) |
여러 개의 데이터를 원소로 가집니다. |
var arr = new Array(); |
함수(Function) |
실행할 코드를 미리 정의하고 호출하여 사용합니다. |
function sum(a,b) { var c = a + b; } |
변수에 대해서 알아봤는데요. 기본타입에 대해서는 크게 어렵지 않을거라 생각됩니다.
그리고 지금은 참조 타입에 대해서는 아직 다 이해하지 못해도 괜찮습니다.
참고서적 : JavaScript+jQuery입문+실전북
'Language > Javascript' 카테고리의 다른 글
3.javascript 조건문 (0) | 2017.09.19 |
---|---|
2.Javascript 연산자 (0) | 2017.09.19 |
Window 객체 (0) | 2017.07.20 |
오브젝트모델(Object Model) (0) | 2017.07.20 |
Javascript 위치시키기 (0) | 2017.07.19 |