- JavaScript - onclick() 를 통해 var유무 메모리 적재 알아보기 목차
onclick이라는 이벤트는 존재하지 X
click이라는 이벤트에 " ON " 을 붙여서 사용하는것 알아두자 .
var은 메모리에 한번 올라가면 전연변수가 된다.
또한 , var값이 있냐 없냐 , 실행 순서에 따른 name값의 메모리 값 존재 여부를 잘 확인하자 !
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//msg 변수 -> 함수 밖에 선언 ->모든 함수에서 접근 가능한 전역 변수
msg="2019년 10월의 한 가운데";
//-- var키워드 사용 여부와 관계없이 전역 변수의 형태로 가능한 상황
function button_onclick1()
{
//함수 내부에 선언한 변수.
//★주의할점 : var이라는 keyword를 붙이냐 안붙이냐에 따라 변수의 위상이 달라진다.★
//즉,var 키워드 포함 -> name변수 ->함수 내부에 선언 -> 지역 변수
// var 키워드 생력 -> name변수 ->함수 내부에 선언 -> 상황에 따른 지역/전역 변수.
//여기서 var name으로 선언하면 지역변수가 된다
//하지만 ex) var없이 그냥 name ="홍길동 "으로 선언 할 경우 전역변수가 된다.
var name="홍길동";
document.write("이름 : " + name);
alert(msg);
}
function button_onclick2()
{
//button_onclick1()에서 name="홍길동"으로만 선언되었을 경우 (var없이)
//name은 button_onclick1()이 먼저 실행되고 name이 적재되어야 name값이 뜬다.
//만약 button_onclick1()에서 var nmae="홍길동"으로 선언되었을 경우
//메모리에 적재되었기 때문에 순서에 상관없이 바로 button_onclick2()을 실행해도
//이름값이 존재한다.
document.write("이름 : " + name);
alert(msg);
}
</script>
</head>
<body>
<input type = "button" id="button1" value="Button" onclick="button_onclick1()">
<br>
<input type = "button" id="button2" value="Button" onclick=" button_onclick2()">
</body>
</html>
'Web(국비) > 자바스크립트' 카테고리의 다른 글
| JavaScript - 동전반환 문제 (0) | 2019.10.17 |
|---|---|
| JavaScript -this활용 함수 (0) | 2019.10.17 |
| JavaScript - getElementById() (0) | 2019.10.17 |
| JavaScript - WEB-INF에 대해 (0) | 2019.10.17 |
| JavaScript - 이벤트 등록 종류 (0) | 2019.10.17 |