본문 바로가기

공부/화면구현 UI

7월12일 - JavaScript 5

JavaScript

 

19. JavaScript Scope

 

자바 스크립트 변수의 유효범위

 

 - Local scope   : (지역변수)

   function내에 선언된 변수로 function내에서만 사용가능

 - Global scope : (전역변수)

   function외부에서 선언된 변수로 모든 function에서 사용가능

   전역변수는 전역적인 공간안에 있다면 전부다 사용이 가능하다.

 

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="utf-8">
	<title>19_scope.html</title>
	<style></style>
</head>
<body>
	<h1>자바스크립트의 유효범위(SCOPE)</h1>
	<hr>
	<input type="button" value="SCOPE1" onclick="test1()">
	<input type="button" value="SCOPE2" onclick="test2()">
	<script>
	var one="하나";        //전역변수
	function test1(){
		var uid="soldesk"; //지역변수
		alert("uid:"+uid);
		//alert("upw:"+upw); 에러
		alert("one:"+one);
		alert("two:"+two);
		alert("three:"+three);
	}//test1() end

	var two="둘";        //전역변수
	function test2(){
		var upw="12345"; //지역변수
		alert("upw:"+upw);
		//alert("uid:"+uid); 에러
		alert("one:"+one);
		alert("two:"+two);
		alert("three:"+three);
	}//test2() end

	var three="셋";      //전역변수

	</script>
</body>
</html>

 

  -> 각 버튼을 누르면 var- one two three의 정보가 다 나온다. 

 

 

19. JavaScript setTimeout

  부모랑 같이있는게 모달창

  따로있는게 window창

 

  *The Window Object 사이트

https://www.w3schools.com/jsref/obj_window.asp

 

  - 주어진 시간에 따라 자동으로 함수 호출

    시간 : 1000 ms = 1 second 

    -> setInterval("함수명()", 시간) : 주기적으로 호출

    -> setTimeout(함수명, 시간)    : 한번만 호출

    시간해제 : clearInterval() 

                  clearTimeout()

 

 

 

 

'공부 > 화면구현 UI' 카테고리의 다른 글

7월15일 - JavaScript 6  (0) 2019.07.15
7월11일 - JavaScript 4  (0) 2019.07.11
7월10일 - JavaScript 3  (1) 2019.07.10
7월9일 - JavaScript 2  (0) 2019.07.09
7월8일 - JavaScript 1  (0) 2019.07.08