티스토리 뷰

Javascript

[Javascript] 변수

변수

변수는 하나의 데이터를 저장하는 저장소입니다. 변수는 변수는 사용 가능 범위에 따라 지역변수, 전역변수, 매개변수, 멤버변수로 나눌 수 있으며, 변수는 식별자로 구분해야 하기 때문에 변수에는 숫자, 문자열, 불린, 함수, 객체등을 사용할 수 있습니다.

변수(Variable)

변수는 변하는 수를 의미하며, 하나의 데이터를 저장할 수 있습니다.

var 변수명 = 값;

변수 선언

var x;

var은 자바스크립트 키워드로 변수로 선언하기 위한 선언자입니다. x는 변수 이름입니다. 자바스크립트는 C++나 JAVA처럼 변수 타입을 선언하지 않습니다. 현재는 변수만 선언이 되고 변수 값은 선언되지 않았습니다.

var x = 5;

대입연산자(=)를 사용하면 변수에 숫자 5 변수 값을 저장하였습니다.

var x = 5, y = 10, z = 20;

쉼표를 사용하면 여러개의 변수를 한번에 설정할 수 있습니다.

x = 20;

var문을 선언하지 않고 변수를 설정하면 오류는 발생하지 않고 자바스크립트 엔진이 그 변수를 자동으로 전역 변수로 선업합니다. ECMAScript5부터는 선언하지 않으고 사용하면 오류가 발생합니다.

변수명

자바스크립트에는 의미를 가진 단어들이 있기 때문에 사용자가 임의로 사용할 수 없는 단어들이 있습니다.

예약어 : 자바스크립트에서 정해진 단어 즉 자바스크립트 문법을 규정짓기 위해 자바스크립트에서 사용하는 특수한 키워드입니다.
식별자 : 사용자가 임의로 사용하는 단어 즉 변수나 함수를 사용할 때 정의하는 키워드입니다.

식별자를 만드는 규칙

  • 사용자가 사용할 수 있는 문자 알파벳(a~z, A~Z), 숫자(0~9), 밑줄(_), 달러기호($)
  • 첫 글자는 숫자를 사용할 수 없습니다. 첫 글자는 알파벳(a~z, A~Z), 밑줄(_), 달러기호($) 중 하나여야 합니다.
  • 공백을 주면 안됨 : 밑줄(_) 사용가능, 하이픈(-) 사용안됩니다.
  • 특수기호를 사용할 수 없습니다.
  • 키워드(예약어)를 사용 할 수 없습니다.

단어를 조합할 때 규칙

  • 언더스코어 노테이션(스네이크 표기법) : color_top과 같이 중간에 '_'를 사용합니다.
  • 캐멜 노테이션(로어 캐멀 표기법) : colorTop과 같이 두번째 단어의 첫 글자를 대문자로 사용합니다.
  • 파스칼 노테이션(어퍼 캐멀 표기법) : ColorTop과 같이 모든 단어의 첫 문장을 대문자로 사용합니다.

변수 이름을 지을 때 사용하는 일반적인 규칙

  • 캐멜 노테이션법이나 언더스코어 노테이션을 주로 사용합니다.
  • 상수는 대문자로 표현합니다.
  • 논리값은 변수 이름 앞에 is를 사용합니다.
  • 루프 카운터는 i,j,k를 사용합니다.
  • 생성자 이름을 붙일 때는 파스칼 표기법을 사용합니다.

예약어

표 18-1 ECMAScript6의 예약어
break case catch class const continue
debugger default delete do else export
extends false finally for function if
import in instanceof new null return
super switch this throw true try
typeof var void while with yield

미리 정의 된 전역변수와 전역 함수입니다. 이 이름 역시 사용하지 않는 편이 좋습니다. 오류는 없지만 자바스크립트 본래 기능을 사용할 수 없게 됩니다.

표 18-2 미리 정의된 전역 변수와 전역 함수
arguments Array Boolean Date decodeURI decodeURIComponent
encodeURI encodeURIComponent Error eval EvalError Function
Infinity isFinite isNaN JSON Math NaN
Number Object parseFloat parseInt RangeError RefferenceError
RegExp String SyntaxError TypeError undefined URIError

샘플(Sample)

변수를 선언하는 방법입니다.

Sample1

탐색(Traversing)

jquery
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>sample2</title>
    <script type="text/javascript">
        var x = 10;     //변수 x에 10(숫자)를 저장함
        var y = 20;     //변수 y에 20(숫자)를 저장함
        var z = "javascript";   //변수 z에 javascript(문자)를 저장함
        y = 200;        //변수 y에 값이 20 -> 200 변경
        
        document.write(x);
        document.write("<br>");
        document.write(y);
        document.write("<br>");
        document.write(z);
        document.write("<br>");
        document.write(x+y);
        document.write("<br>");
        document.write(x*y);
    </script>
</head>
<body>
    
</body>
</html>

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

질문하기(Questions)
댓글쓰기 폼