티스토리 뷰
변수의 종류
변수는 사용 가능 범위에 따라 지역 변수, 전역 변수, 매개 변수, 멤버 변수로 구분됩니다.
변수의 종류
지역 변수 : 특정 범위 안에서만 사용하는 변수
전역 변수 : 모든 영역 안에서 사용하는 변수
매개변수(파라미터) : 함수 외부에서 함수 내부로 데이터를 전달하기 위한 변수
멤버변수(프로퍼티) : 클래스 내부에 만들어지며 주로 객체에서 사용하는 변수
Sample : 지역변수/전역변수
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>sample3</title>
<script type="text/javascript">
var x = 100; //변수(전역) x에 100을 저장
var y = 200; //변수(전역) y에 200을 저장
function area(){
var x = 300; //변수(지역) x에 300을 저장
var z = 500; //변수(지역) z에 500을 저장
y = 600; //변수(전역) y에 값을 200에서 600으로 변경
document.write("area 함수 안");
document.write("<br>");
document.write("x의 값 : " + x);
document.write("<br>");
document.write("y의 값 : " + y);
document.write("<br>");
document.write("z의 값 : " + z);
document.write("<br><br>");
}
area();
document.write("area 함수 밖");
document.write("<br>");
document.write("x의 값 : " + x);
document.write("<br>");
document.write("y의 값 : " + y);
document.write("<br>");
document.write("z의 값 : " + z);
</script>
</head>
<body>
</body>
</html>
Sample : 매개변수
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>sample4</title>
<script>
//화면에 "javascript" 문자를 출력해주세요.
document.write("javascript");
document.write("<br>");
//변수를 이용해서 화면에 "jquery" 문자를 출력해주세요.
var str = "jquery";
document.write(str);
document.write("<br>");
//함수를 이용해서 화면에 "HTML" 문자를 출력해주세요.
function str1(){
document.write("html");
document.write("<br>");
}
str1();
//매개 변수를 이용해서 화면에 "CSS" 문자를 출력해주세요.
function str2(num){
document.write(num);
document.write("<br>");
}
str2("css");
//매개 변수를 이용해서 화면에 "javascript" + "jquery"를 출력하세요.
function str3(num1, num2){
document.write(num1," + " + num2);
document.write("<br>");
}
str3("javascript","jquery");
</script>
</head>
<body>
</body>
</html>
댓글