본문 바로가기

새로운 블로그로 이전합니다
구글블로그 / 네이버블로그
(자료도 점차 이전할 계획입니다.)


컴퓨터, 프로그래밍/자바스크립트

자바스크립트) 전역변수 접근 방지하기

by 개발자 리브 2023. 5. 20.

[ 개요 ]

 

자바스크립트에서 개발자도구(F12)를 통한

전역 변수 내용확인 및 조작을 실험하고

이를 방지하는 방법을 알아보자

 


[ 복사 및 다운로드 ]

 

 

 

전역변수 제어실험1.html
0.00MB
전역변수 제어실험2.html
0.00MB

 


[ 예제 ]

 

예제 파일1의 내용

 

더보기

 

버튼을 클릭할 때마다

test라는 문자열이 추가되며

팝업메시지로 표시한다.

 

str을 전역변수로 사용하고 있는데

F12를 열어서 Console에 str을 입력하면

그 내용이 출력된다.

 

값을 조작하면 반영된다.

 

예제 파일2의 내용

 

★ 코드 전체를 즉시실행 익명 함수로 감싸서

전역 변수를 지역 변수로 만든다.

 

더보기

 

예제1과 똑같이 동작하지만

 

전역 변수인 str을

F12 console에 입력해도

그 내용을 확인할 수 없다.

 

값을 조작해도 반영되지 않는다.

 


[ 참고자료 ]

 

 

Javascript 전역 변수의 사용을 억제하는 법

지역변수를 지양하고 변수의 스코프를 줄일 수 있는 몇가지 방법을 살펴보자모든 코드를 즉시 실행 함수로 감싸면 모든 변수는 즉시 실행 함수의 지역 변수가 된다.전역에 네임스페이스 역할을

velog.io

 

 

block - JavaScript | MDN

블록문(또는 다른 언어에서는 복합문)은 0개 이상의 구문을 묶을 때 사용합니다. 블록은 한 쌍의 중괄호로 구성하며 선택적으로 레이블을 붙일 수 있습니다.

developer.mozilla.org

 

댓글