본문 바로가기
교육

[활용팁] typeof 를 이용한 조건에 따른 함수 실행하기

by 공공정보 2020. 6. 24.
728x90

javascript [활용팁] typeof 를 이용한 조건에 따른 함수 실행하기

 

 

프로그래밍 작업을 하다 보면 변수가 많이 생기기 마련이다...

 

 

이럴때 도움이되는 typeof 메서드에 대하여 연구해 보자....

 

 

 

함수를 어떨때는 실행하고 어떨때는 실행 안했으면 한다라고 가정할때는 그냥 변수의 값을 넣어 실행여부를 판별하면 된다...

 

 

근데, 해당 변수가 선언됐는지 확인이 안될때 어떻게 해야 할까?

 

 

바로 typeof 메서드를 이용하면 편하게 활용 가능해진다.

 

 

if (typeof 변수명 == "undefined") { // 변수명이 없으면 실행 }

 

 

단순하지 않는가..

 

변수는 그렇다 치고 함수도 가능할까?

라는 물음에 정답은... 가능하다..

 

 

단, 함수도 변수처럼 선언해서 사용해야 한다는거....

 

 

var 함수명 = function() {

// 처리할 내용 주저리 주저리...

}

if (typeof 함수명 == "function") {

// 함수명이 있으면 실행

함수명();

} else {

// 함수명 없어서 대신 처리할 내역...

}

 

이렇게 함수도 있는지 없는지 확인해서 실행하거나 실행 안하게 하면 에러를 줄일수 있다...

 

 

다음은 전체 소스

var t=new Date(); var sec =t.getUTCSeconds();	// 초 확인용  var FunName0 = function() { 	document.write("FunName0() 함수 실행 하였습니다.<br><br>"); } var FunName1 = function() { 	document.write("FunName1() 함수 실행 하였습니다.<br><br>"); }  var RunSw = sec % 2;		// 나머지 값을 홀짝 확인  document.write("실행할 함수 확인용 : " + RunSw + "<br><br>");  if (RunSw == 0)   // 짝수인경우 실행 { 	FunName0(); } else   // 홀수인경우 실행 { 	FunName1(); }  if (typeof RunSw1 == "undefined") { 	document.write("RunSw1 변수가 없는데 우찌 확인 하노 정신좀 차리자!!<br><br>"); }  if (typeof FunName2 == "function") { 	FunName2(); } else { 	document.write("FunName2 함수도 없다 이기야... 정신좀 차리자!!<br>"); } 
 

 

 

좀더 깊이있게 공부 하시고 싶으시면 아래 링크를 타고 가시면 됩니다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/typeof

 

 

 

예제소스 다운로드

 

https://blog.naver.com/spprince/222010304004

 

#활용팁 #javascript #자바스크립트 #jQuery #typeof

 


 

본 블로그의 글은 공공정보와 개인적 생각의 글 임을 알려드립니다.

또한 오류가 있는 부분이 있으면 댓글로 알려주시기 바랍니다.

 

감사합니다.

 

반응형

댓글