반응형
1. 변수(Variable)
값을 저장하는 곳을 말하며, 이 저장된 값이 계속 변경되기 때문에 변하는 수 즉, 변수라고 부른다. 자바스크립트 뿐만 아니라 모든 개발 언어들이 변수를 사용하여 값을 저장하게 된다.
(1) 변수명 부여 규칙
변수의 이름은 알파벳(대소문자 A ~ Z, 소문자 a ~ z), 밑줄(_)이나 달라($)로 시작될 수 있으며, 그 다음에는 알파벳, 밑줄, 달라 기호에 추가로 숫자(0 ~ 9)까지 사용할 수 있다.
(2) 데이터의 유형
1) 숫자 : 정수, 실수
2) 문자열(String)
3) 논리값(Boolean) : true, false
4) 널(null)
(3) 변수의 선언
일반적인 다른 언어들은 데이터의 종류에 따라서 다양한 변수의 형을 사용하는데 비하여 선언은 var한가지만 존재하여 대입되는 값에 따라 형이 변하게 된다. 변수명은 대소문자를 구분한다. 또한 var를 굳이 명시하지 않더라도 처음으로 변수가 나타나면 자동으로 새로 선언하도록 되어있다.
예) var name = "Killer!";
var answer = 20;
(4) 변수의 범위
지역변수(Local variable) - 함수의 내부에서 사용된 변수
전역변수(global variable) - 함수 외부에서 사용된 변수
* 전역변수로 선언한 변수명이 특정 함수에서 사용하게 될 때, 변수명은 같지만 다른 값을 가지게 되는 지역변수로 사용하고 싶다면 처음에 값을 할당하기 전에 var로 선언해주면 된다.
(5) 형 변환
자바스크립트는 그안에 들어가는 내용에 의해서 문자인지 숫자인지 구분하게 된다.
예) var result = "test"; result = 100;
(6) 문자(literals)
상수를 표현하기 위한 방법
1) 정수
2) 실수
3) 불린 : true, false
4) 문자 : single() 또는 double() quotation 마크에 의해 둘러싸인 문자열, 다음과 같은 특수문자도 포함가능
\b(back space), \f(form feed), \r(Return), \n(new line), \t(tab), \\(back slash)
2. 연산
(1) 논리연산자 : &&(and), ||(or), !(not)
(2) 비교연산자 : ==, !=, =>, <, >, >=, <= (비교연산도, 문자, 숫자 구분없이 그냥 ==로 비교하면 된다.)
3. 조건문 ( C언어와 동일)
(1) if...else...
형식> if (조건문1) { 조건문1이 참일때 실행되는 내용
} else if (조건문2) { 조건문2가 참일때 실행되는 내용
} else { 앞의 조건들에 해당하지 않을 때 실행되는 내용
}
(2) switch
형식> switch (값) {
case 값1:
값이 값1과 동일할 경우 실행되는 내용
case 값2:
값이 값2와 동일할 경우 실행되는 내용
default :
값이 설정한 값들(값1, 값2)와 동일하지 않을 경우 실행되는 내용
5. 사용자함수
(1)선언
형식> function function_name (입력값1, 입력값2, .... ) {
함수의 내용
return 리턴값;
}
설명> 두 값을 받아서 합을 계산하여 Return해 주는 함수의 예이다.
예> function sum(a, b) {
return a+b;
}
* 추가속성 : 각 함수는 자기가 받은 인자를 arguments라는 배열에 저장하며, 그 배열은 length라는 값을 가지고 배열의 개수를 지칭할 수 있다. 즉, arguments[i], arguments.length 라는 두 개의 변수를 함수안에서 사용할 수 있다.
예>
function func(){
var sum = 0;
for ( var i = 0; i < n ; i++ ) {
sum += func.arguments[i]
}
return sum;
}
alert( func(1) );
alert( func(1,2) );
alert( func(1, 2, 3) );
alert( func(1, 2, 3, 4) );
(2) 재귀 함수
재미있는 것은 자신이 자기를 부를 수 있다는 점이다. 이렇게 호출하는 것을 재귀 호출이라고 하는데, 가장 대표적인 것이 계승(factorial) 값을 구하는 함수이다. 즉, 5의 계승은
5! = 5 X 4 X 3 X 2 X 1
이다. 이러한 계승을 자바스크립트 함수로 구성해 보면 다음과 같다.
예>
function factorial(n){
if( n <= 1) return n; // 1 is end
else reutrn n * factorial(n-1); // recall
}
[출처]DEADFIRE Homepage // Deadfire Program Master
값을 저장하는 곳을 말하며, 이 저장된 값이 계속 변경되기 때문에 변하는 수 즉, 변수라고 부른다. 자바스크립트 뿐만 아니라 모든 개발 언어들이 변수를 사용하여 값을 저장하게 된다.
(1) 변수명 부여 규칙
변수의 이름은 알파벳(대소문자 A ~ Z, 소문자 a ~ z), 밑줄(_)이나 달라($)로 시작될 수 있으며, 그 다음에는 알파벳, 밑줄, 달라 기호에 추가로 숫자(0 ~ 9)까지 사용할 수 있다.
(2) 데이터의 유형
1) 숫자 : 정수, 실수
2) 문자열(String)
3) 논리값(Boolean) : true, false
4) 널(null)
(3) 변수의 선언
일반적인 다른 언어들은 데이터의 종류에 따라서 다양한 변수의 형을 사용하는데 비하여 선언은 var한가지만 존재하여 대입되는 값에 따라 형이 변하게 된다. 변수명은 대소문자를 구분한다. 또한 var를 굳이 명시하지 않더라도 처음으로 변수가 나타나면 자동으로 새로 선언하도록 되어있다.
예) var name = "Killer!";
var answer = 20;
(4) 변수의 범위
지역변수(Local variable) - 함수의 내부에서 사용된 변수
전역변수(global variable) - 함수 외부에서 사용된 변수
* 전역변수로 선언한 변수명이 특정 함수에서 사용하게 될 때, 변수명은 같지만 다른 값을 가지게 되는 지역변수로 사용하고 싶다면 처음에 값을 할당하기 전에 var로 선언해주면 된다.
(5) 형 변환
자바스크립트는 그안에 들어가는 내용에 의해서 문자인지 숫자인지 구분하게 된다.
예) var result = "test"; result = 100;
(6) 문자(literals)
상수를 표현하기 위한 방법
1) 정수
2) 실수
3) 불린 : true, false
4) 문자 : single() 또는 double() quotation 마크에 의해 둘러싸인 문자열, 다음과 같은 특수문자도 포함가능
\b(back space), \f(form feed), \r(Return), \n(new line), \t(tab), \\(back slash)
2. 연산
(1) 논리연산자 : &&(and), ||(or), !(not)
(2) 비교연산자 : ==, !=, =>, <, >, >=, <= (비교연산도, 문자, 숫자 구분없이 그냥 ==로 비교하면 된다.)
3. 조건문 ( C언어와 동일)
(1) if...else...
형식> if (조건문1) { 조건문1이 참일때 실행되는 내용
} else if (조건문2) { 조건문2가 참일때 실행되는 내용
} else { 앞의 조건들에 해당하지 않을 때 실행되는 내용
}
(2) switch
형식> switch (값) {
case 값1:
값이 값1과 동일할 경우 실행되는 내용
case 값2:
값이 값2와 동일할 경우 실행되는 내용
default :
값이 설정한 값들(값1, 값2)와 동일하지 않을 경우 실행되는 내용
break;
}
4. 반복문
(1) for
설명> 초기값이 조건문에 참일 때 까지 반복
예제1> for (i=0; i <10; i++) {
document.write(i)
}
설명> 객체의 속성 개수만큼 반복
예제2> for(var j in obj) {
answer += "" + i + ":" + obj[i]
}
(2) while / dowhile
for문이 i와 같은 변수가 증감되면서 처리되는데 유효하다면 while문은 몇 개 인지 모를 대상을 가지고 반복문을 구성할 때 주로 사용
예제1>var num = 1;
while ( num <= 10) {
document.write(num);
num++;
}
예제2>i = 3;
do{
document.write(i);
i++;
}while(i<10)
while문은 조건을 먼저 검사하고, 내부의 반복문을 수행시킬지 검사하지만, do...while문은 일단 한번은 내부의 문장을 수행하고 그 다음부터 계속 반복할지를 결정한다는 점이 다르다.
(3) break / continue (C 언어와 동일)
해당 블럭을 완전히 탈출하는 break와, 바로 다음 증감분을 시행하는 continue는 흐름을 제어하게 된다.
}
4. 반복문
(1) for
설명> 초기값이 조건문에 참일 때 까지 반복
예제1> for (i=0; i <10; i++) {
document.write(i)
}
설명> 객체의 속성 개수만큼 반복
예제2> for(var j in obj) {
answer += "" + i + ":" + obj[i]
}
(2) while / dowhile
for문이 i와 같은 변수가 증감되면서 처리되는데 유효하다면 while문은 몇 개 인지 모를 대상을 가지고 반복문을 구성할 때 주로 사용
예제1>var num = 1;
while ( num <= 10) {
document.write(num);
num++;
}
예제2>i = 3;
do{
document.write(i);
i++;
}while(i<10)
while문은 조건을 먼저 검사하고, 내부의 반복문을 수행시킬지 검사하지만, do...while문은 일단 한번은 내부의 문장을 수행하고 그 다음부터 계속 반복할지를 결정한다는 점이 다르다.
(3) break / continue (C 언어와 동일)
해당 블럭을 완전히 탈출하는 break와, 바로 다음 증감분을 시행하는 continue는 흐름을 제어하게 된다.
5. 사용자함수
(1)선언
형식> function function_name (입력값1, 입력값2, .... ) {
함수의 내용
return 리턴값;
}
설명> 두 값을 받아서 합을 계산하여 Return해 주는 함수의 예이다.
예> function sum(a, b) {
return a+b;
}
* 추가속성 : 각 함수는 자기가 받은 인자를 arguments라는 배열에 저장하며, 그 배열은 length라는 값을 가지고 배열의 개수를 지칭할 수 있다. 즉, arguments[i], arguments.length 라는 두 개의 변수를 함수안에서 사용할 수 있다.
예>
function func(){
var sum = 0;
for ( var i = 0; i < n ; i++ ) {
sum += func.arguments[i]
}
return sum;
}
alert( func(1) );
alert( func(1,2) );
alert( func(1, 2, 3) );
alert( func(1, 2, 3, 4) );
(2) 재귀 함수
재미있는 것은 자신이 자기를 부를 수 있다는 점이다. 이렇게 호출하는 것을 재귀 호출이라고 하는데, 가장 대표적인 것이 계승(factorial) 값을 구하는 함수이다. 즉, 5의 계승은
5! = 5 X 4 X 3 X 2 X 1
이다. 이러한 계승을 자바스크립트 함수로 구성해 보면 다음과 같다.
예>
function factorial(n){
if( n <= 1) return n; // 1 is end
else reutrn n * factorial(n-1); // recall
}
[출처]DEADFIRE Homepage // Deadfire Program Master
반응형
'공부 > Javascript' 카테고리의 다른 글
| 내장객체 (0) | 2011.07.11 |
|---|---|
| 객체 (0) | 2011.06.21 |
| Javascript 기초 (0) | 2011.06.17 |
| Javascript란? (0) | 2011.06.15 |