728x90
반응형
1. 변수 선언 규칙
1) 대소문자 구분
2) 영문, $, _로 시작
3) 영문, $, _, 숫자 포함 가능
4) 키워드나 예약어 사용 불가
2. 변수의 범위
1) 전역변수: window 객체에 포함되는 변수로 다른 함수에서 공용 사용 가능(값이 유지)
2) 지역변수: 함수나 객체 내부에 선언되고 실행이 종료되면 사라짐
<body>
<dt>변수의 범위</dt>
<dd>1. 전역변수: window 객체에 포함되는 변수로 다름 함수들에서 공용 사용 가능(값이 유지)
<button onclick="test01();">확인</button>
</dd>
<dd id="v01"></dd>
<dd>2. 지역변수: 함수나 객체 내부에 선언되고 실행이 종료되면 사라짐
<button onclick="test02();">확인</button>
</dd>
<dd id="v02"></dd>
</body><script type="text/javascript">
var variable = 10;
function test01(){
variable = variable + 5;
document.getElementById("v01").innerHTML = "<b style='color:red; background:yellow'>"+variable+"</b>";
}
function test02(){
var variable2 = variable + 100;
document.getElementById("v02").innerHTML = "<b style='color:red; background:yellow'>"+variable2+"</b>";
}
</script>
3. 타입의 종류
1) 문자(String) 2) 숫자(Number) 3) 논리(Boolean) 4) 널(null) 5) 객체(Object) 6) 함수(function)
4. 변수 선언과 저장
1) var 키워드 사용하여 변수 선언
2) 변수 타입은 저장되는 타입에 따라 결정
<script type="text/javascript">
function test03(){
// 문자
var variable03 = "문자";
alert(variable03+": " + typeof variable03);
//숫자
variable03 = 3;
alert(variable03+": " + typeof variable03);
//논리
variable03 = true;
alert(variable03+": " + typeof variable03);
//널
variable03 = null;
alert(variable03+": " + typeof variable03);
//객체
variable03 = [1, 3, 5, 7, 9];
alert(variable03+": " + typeof variable03);
//함수
variable03 = function(){
alert('type 변환');
}
alert(variable03+": " + typeof variable03);
variable03();
}
</script>728x90
반응형
'Web > JavaScript' 카테고리의 다른 글
| [JS]rolling (0) | 2020.07.28 |
|---|---|
| [JS]closure (0) | 2020.07.28 |
| [JS]함수function_02 (0) | 2020.07.28 |
| [JS]함수Function_1 (0) | 2020.07.28 |
| [JS]선언방식 (0) | 2020.07.27 |
