티스토리 뷰
변수의 종류
변수는 사용 가능 범위에 따라 지역 변수, 전역 변수, 매개 변수, 멤버 변수로 구분됩니다.
변수의 종류
지역 변수 : 특정 범위 안에서만 사용하는 변수
전역 변수 : 모든 영역 안에서 사용하는 변수
매개변수(파라미터) : 함수 외부에서 함수 내부로 데이터를 전달하기 위한 변수
멤버변수(프로퍼티) : 클래스 내부에 만들어지며 주로 객체에서 사용하는 변수
지역변수/전역변수
지역변수와 전역변수에 대한 예제입니다.
결과
함수 안
300
400
500
함수 밖
100
200
500
300
400
500
함수 밖
100
200
500
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
var x1 = 1000; //(전역)변수 x1에 숫자를 1000을 저장
var x2 = 2000; //(전역)변수 x2에 숫자를 2000을 저장
var x3; //(전역)변수 x3를 선언
x1 = 100; //(전역)변수 x1에 숫자를 1000에서 100으로 변경
x2 = 200; //(전역)변수 x2에 숫자를 2000에서 200으로 변경
function func(){
var x1 = 3000; //(지역)변수 x1에 숫자를 3000을 저장
var x2 = 4000; //(지역)변수 x2에 숫자를 4000을 저장
x1 = 300; //(지역)변수 x1에 숫자를 3000에서 300으로 변경
x2 = 400; //(지역)변수 x2에 숫자를 4000에서 400으로 변경
x3 = 500; //(전역)변수 x3에 숫자를 500을 저장
document.write("함수 안<br>");
document.write(x1);
document.write("<br>");
document.write(x2);
document.write("<br>");
document.write(x3);
document.write("<br><br>");
}
func();
document.write("함수 밖<br>");
document.write(x1);
document.write("<br>");
document.write(x2);
document.write("<br>");
document.write(x3);
</script>
</head>
<body>
</body>
</html>
매개변수
매개변수에 대한 예제입니다.
결과
1000
javascript
html
CSS
jQuery
javascript + jquery
javascript
html
CSS
jQuery
javascript + jquery
script
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>매개변수</title>
<script>
//화면에 숫자 1000을 출력하세요!!
document.write(1000);
document.write("<br><br>");
//화면에 문자 javascript를 출력하세요!!
document.write("javascript");
document.write("<br><br>");
//변수(x1)에 문자열 "html"을 저장하고 출력하세요!!
var x1 = "html";
document.write(x1);
document.write("<br><br>");
//함수(func1)를 이용해서 화면에 "CSS"를 출력하세요!!
function func1(){
document.write("CSS");
document.write("<br><br>");
}
func1();
//매개변수를 이용해서 화면에 "jQuery"를 출력하세요!!
function func2(str){
document.write(str);
document.write("<br><br>");
}
func2("jQuery");
//매개변수를 이용해서 화면에 "javascript + jquery"를 출력하세요!!
function func3(str1, str2){
document.write(str1, " + " + str2);
document.write("<br><br>");
}
func3("javascript","jquery");
</script>
</head>
<body>
</body>
</html>
공유하기(Share) 더보기
공감하기(Like) 더보기
UP NEXT : Ads by Google
질문하기(Questions)