자바스크립트(JavaScript) 기초강좌 - 2장. JavaScript 기본문법
2장. JavaScript 기본문법
2.1) 자바스크립트 변수
*자바스크립트는 자동으로 데이터 유형을 판단하기 때문에 변수선언이 다른 언어보다 간단하다.
일반적인 경우 특별히 변수선언을 할 필요가 없다. 즉 변수를 선언하지 않고 필요한 곳에서 사용하면 되는데, 다만 변수를 선언하고자 하는 경우에는 var키워드를 사용하여 선언한다.
예) var total
var aNum, bNum
var count = 10
* 세미콜론(;)은 생략이 가능하나 주로 습관처럼 붙여서 사용한다.
*변수명 작성규칙은 다음과 같다.
- 변수명은 항상 알파벳이나 '_'로 시작해야 한다.
- 한글이름은 사용할 수 없다.
- 대.소문자를 구별한다.
- 변수명에 스페이스나 콤마, 물음표(?), 인용부호("")는 사용할 수 없다.
- 예약어(Reserved Word)는 변수명으로 사용 할 수 없다.
2.2) Data Type
자바스크립트는 별도의 Data Type을 선언하지 않는다. 변수에 입력되는 값에 의해 Data Type이 판별되어진다.
자바스크립트에서 사용할 수 있는 Data Type은 문자열, 숫자, Boolean, Null들이 있다.
* 문자열(String)
자바스크립트에서는 문자열을 큰따옴표("")나 작은따옴표('')사이에 넣어 사용한다.
문자열 내에 특수문자를 표현하고 싶을 때 Escape Sequence(\)를 사용한다.
예) name = "자바누리"
*숫자
자바스크립트에서는 10진수, 8진수, 16진수와 소수점이 있는 실수 및 지수를 사용할 수 있다.
예) count = 10;
* Boolean
true, false를 나타내며 따옴표를 사용하지 않는다.
예) valid = true
*null
정의되지 않은 변수 값으로 '아무것도 없음'을 의미하며 공백문자("")와는 다르다.
예) a = null;
if ( a == null )
2.3) 연산자(Operator)
자바스크립트의 연산자는 일반 프로그래밍 언어의 연산자와 유사하다.
* 산술연산자
＋, －, *(곱하기), /(나누기), %(나머지)
++(1씩 증가), --(1씩 감소)
* 문자열 연산자 (+)
'+'연산자를 사용하여 문자열을 하나로 합친다.
예) str1 = "Hello "; str2 = "Javanuri"
document.write(str1 + str2) ==> 새로운 문자열 "Hello Javanuri" 생성.
※ '+=' 연산자를 사용하면 앞의 문자열에 뒷 문자열을 덧붙인다(새로운 문자열 생성 않됨)
* 할당(Assignment) 연산자
A = B B의 값을 A에 할당
A += B A = A + B
A -= B A = A - B
A *= B A = A * B
A /= B A = A / B
A %= B A = A % B (나머지를 A에 저장한다)
* 비교 연산자
A == B A와 B가 같으면 true, 다르면 false
A != B A와 B가 같지 않으면 true, 같으면 false
A > B
A < B
A >= B
A <= B
* 논리(Logical) 연산자
A && B A=true B=true이면 true, 나머지는 모두 false
A || B A또는 B가 true이면 true, 모두 false면 false
!A A가 true이면 false, A가 false이면 true
* 조건 연산자
(condition)? A : B 조건이 true이면 A를 수행하고, 조건이 false이면 B를 수행한다.
* 연산자 우선순위
|
우선순위 |
연산자 |
|
1 |
., [ ], ( ) |
|
2 |
++, --, ! |
|
3 |
*, /, % |
|
4 |
+, - |
|
5 |
<, >, <=, >= |
|
6 |
==, != |
|
7 |
&& |
|
8 |
|| |
|
9 |
? : |
|
10 |
=, +=, -=, *=, /=, %= |
2.4) Logical Statement
* if문
if(condition)
A
else
B
조건이 true이면 A를, 조건이 false이면 B를 수행한다.
if(조건)...else if(조건) ... else구문도 사용가능하다.
* 반복문
|
종류 |
설명 |
|
I. while문 |
Entry Condition Loop - 한번도 수행되지 않을 수 있다. while(조건) { ... } |
|
II. do ... while문 |
Exit Condition Loop - 무조건 한번은 수행된다. do { ... } while(조건) |
|
III. for문 |
반복횟수가 지정되어 있을때 사용한다. for(초기값; 조건; 증감치) { ... } |
* switch문
switch(조건식)
{
case value1:
자바스크립트코드
break;
case value2:
자바스크립트코드
break;
...
default:
자바스크립트코드
break;
}
2.5) 함수(Function)
자바스크립트에서 함수란 특정작업을 수행하는 각 코드를 하나로 묶어 놓은 것을 의미한다.
* [형식]
function 함수명(parameter1, parameter2, ... )
{
...
}
* 함수를 선언할 때 function 키워드를 사용한다.
* 함수 선언부에 함수의 return type은 명시하지 않는다.
* Parameter를 사용하지 않으면 괄호 안을 비워 둔다.
* 함수를 <BODY>태그 내에서 호출할 때 <SCRIPT> ~ </SCRIPT>내에 하도록 한다.
* Parameter를 선언할 때 var 키워드를 사용하지 않는다.
* 함수에서 값 전달 방식은 Passing by value방식을 취한다.
* return문을 만나면 자바스크립트 코드는 더 이상 수행되지 않는다. 따라서 return문은 스크립트 코드 마지막에 넣도록 한다.
* 예제
<HTML>
<HEAD>
<SCRIPT Language="JavaScript">
function total(a, b, c) {
return a + b + c;
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT>
document.write( "10 + 20 + 30 = " + total(10, 20, 30) );
</SCRIPT>
</BODY>
</HTML>
이미지 맵
이전다음글
카테고리
|
 |
 |
 |
 |
글에 남긴 여러분의 의견은 개 입니다.