1. 자바스크립트 식별자
<식별자>
자바스크립트 프로그램의 변수, 상수(리터럴), 함수의 이름
식별자 만드는 규칙
- 첫 번째 문자 : 알파벳(A-Z, a-z), 언더스코어(_), $ 문자만 사용 가능
- 두 번째 이상 문자 : 알파벳, 언더스코어(_), 0-9, $ 사용 가능
- 대소문자는 구분되어 다루어짐
- myHome과 myhome은 다른 식별자
- 자바스크립트 예약어 사용 불가
- false, for, if, null 등 자바스크립트 예약어 사용 불가
식별자 사용 사례
2. 자바스크립트 문장
자바스크립트 프로그램의 기본 단위
문장과 문장을 구분하기 위해 세미콜론(;) 사용
주석문
3. 데이터 타입
자바스크립트 언어에서 다루는 데이터 종류
- 숫자 타입 : 정수, 실수(예: 42, 3.14)
- 논리 타입 : 참, 거짓(예: true, false)
- 문자열 타입(예: ‘좋은 세상’, "a", "365", "2+4")
- 객체 레퍼런스 타입 : 객체를 가리킴. C 언어의 포인터와 유사
- null : 값이 없음을 표시하는 특수 키워드. Null, NULL과는 다름
특징
- 자바스크립트에는 문자 타입 없음. 문자열로 표현된다.
4. 변수
자바스크립트 데이터 저장 공간
변수 선언 : 변수 이름을 정하고, 저장 공간 할당
- var 키워드로 선언하는 방법
- var 없이 선언
자바스크립트에는 변수 타입 없음
- 변수 타입 선언하지 않음
- 변수에 저장되는 값에 대한 제약 없음
5. 지역변수와 전역변수
지역변수 |
전역변수 |
함수 내에 var 키워드로 선언 |
함수 밖에 선언되거나, 함수 내에 var 키워드 없이 선언된 변수 |
선언된 함수 내에서만 사용 |
프로그램 전역에서 사용 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>지역변수와 전역변수</h3>
<script>
var c=10;
function a1(){
a = 10;
b = a + 20;
d = b + c;
document.write(d);
document.write("<br>");
}
function b1(){
document.write(c);
document.write("<br>");
document.write(a)
}
a1();
b1();
</script>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
|
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs |
6. 상수
데이터 값 그 자체
상수의 종류
문자열 상수
이중 인용 부호(“”)와 단일 인용 부호(‘’) 모두 사용
문자열 내에 문자열
“ 문자를 그대로 사용하고자 하는 경우 \”로 사용할 것
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>상수</h3><hr>
<script>
var oct = 015;
var hex = 0x14;
var con = true;
document.writeln(oct);
document.writeln(hex);
document.writeln(con);
document.writeln('문자열1');
document.writeln("문자열1");
</script>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
|
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs |
'화면구현' 카테고리의 다른 글
(Javascript)제어문 - 선택문 (0) | 2020.03.10 |
---|---|
(Javascript) 연산 (0) | 2020.03.09 |
(JavaScript)프롬프트 다이얼로그, 확인 다이얼로그, 경고 다이얼로그 (0) | 2020.03.09 |
자바스크립트 언어 (0) | 2020.03.09 |
CSS3로 표 꾸미기, 폼꾸미기 (0) | 2020.03.08 |