예제 6-6 지역변수와 전역변수. 자바스크립트 식별자.
WEB/JAVASCRIPT-CONCEPT 2017. 11. 13. 09:11 |2. 데이터 타입과 변수
자바스크립트 식별자
첫번째 문자 - 알바벳(A-Z, a-z), 언더스코어(_) 사용가능
두번째 문자 이상 문자 - 알파벳, 언더스코어(_), 0-9 사용가능
대소문자 구분 - myHome과 myhome은 다른변수
ex)
6variable // (X) 숫자로 시작할 수 없음
student_Id // (O)
_code; // (O) 맞지만 '_'로 시작하는 이름은 권하지 않음
if // (X) 예약어 if 사용불가
%calc // (X) % 사용불가
bar, Bar // (O) bar와 Bar는 서로 다른 식별자임을 주의
* 식별자는 의미를 담을 수 있도록 최대한 길게 적는것이 좋다.
지역변수와 전역변수
- 전역 변수 : 함수 밖에서 선언되거나 함수 내에서 var 키워드 없이 선언, 프로그램 전역에서 사용가능
- 지역 변수 : 함수 안에서 var 키워드로 선언, 선언된 함수 내에서만 사용가능
1 2 3 4 5 6 7 8 9 | var x; // 전역변수 x 선언 fuction f() // 함수 f() 코드 { var y; // 지역변수 y 선언 x = 10; // 전역변수 x에 10 저장 y = 10; // 지역변수 y에 10 저장 z = 10; // 새로운 전역변수 z 선언, 10으로 초기화 } | cs |
this로 전역 변수 접근
- 지역변수와 전역변수의 이름이 같을때, this를 이용하면 전역변수에 접근 할 수 있다.
1 2 3 4 5 6 7 8 | var x; // 전역변수 x 선언 fuction f() { var x; // 지역변수 x 선언 x = 1; // 지역변수 x에 1을 저장 this.x = 100; // 전역변수 x에 100을 저장 } | cs |
예제 6-6. 지역변수와 전역변수
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>지역변수와 전역변수</title></head> <body> <h3>지역변수와 전역변수</h3> <hr> <script> var x=100; // 전역변수 function f() { // 함수 f() 선언 var x=1; // 지역변수 document.write("지역변수 x=" + x); document.write("<br>"); document.write("전역변수 x=" + this.x); } f(); // 함수 f() 호출 </script> </body> </html> | cs |
'WEB > JAVASCRIPT-CONCEPT' 카테고리의 다른 글
| 예제 6-8. 산술 연산 (0) | 2017.11.13 |
|---|---|
| 예제 6-7. 상수 (0) | 2017.11.13 |
| 자바스크립트 다이얼로그 : 사용자 입력 및 메세지 출력, 그림 6-2. 프롬프트 다이얼로그로 문자열 입력, 그림 6-3. 확인 다이얼로그를 출력하여 확인과 취소 중 선택, 그림 6-4. 경고 다이얼로그.. (0) | 2017.11.13 |
| 예제 6-5. document.write()로 웹 페이지에 HTML 콘텐츠 출력 (0) | 2017.11.13 |
| 예제 6-1. HTML 태그의 이벤트 리스너 속성에 자바스크립트 코드 작성, 예제 6-2. <script> 태그에 자바스크립트 코드 작성, 예제 6-3. 자바스크립트 파일 작성 및 불러오기, 예제 6-4. 링크의 href에 자.. (0) | 2017.11.13 |