[ 개요 ]
자바스크립트에서 개발자도구(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
댓글