티스토리 뷰

Web(국비)/자바스크립트

JavaScript - onclick() 를 통해 var유무 메모리 적재 알아보기

Xion 2019. 10. 17. 10:37

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