[JavaScript] 함수

함수 

---

재사용 가능한 프로그램 명령어의 집합

function 함수이름(파라미터1, 파라미터2, ... 파라미터n) {
    명령어...
    [return [값]];
}

▶파라미터는 함수가 실행되기 위해 주어지는 조건값.

파라미터를 명시할 경우 필요한 만큼 콤마로 구분하여 변수를 선언.

▶return은 함수가 호출된 위치에 결과값을 돌려주기 위한 키워드

값(변수)을 명시하지 않을 경우 undefined가 리턴됨.

함수의 실행 도중, 특정 조건이 충족되어 return을 중간에서 만날 경우 함수는 그 즉시 실행을 중단한다.

하나의 함수 안에서는 다른 함수를 호출할 수 있다.

function foo() {
    명령어..
        return 1;
}
function bar() {
    var a = foo();
    return a + 1;
}

내장함수

---

자주 사용되어지는 공통 기능들에 대하여 미리 구현되어진 함수. 

웹 브라우저에 미리 내장되어 있으므로 개발자는 함수의 정의없이 함수를 호출하고 적절한 리턴값을 받아 활용할 수 있다.

문자열에 대한 숫자, 수식 변환

Number eval(String)

▶ 주어진 수직 형태의 문자열을 실제로 계산된 결과값을 리턴한다.

Number Number(String)

▶ 주어진 숫자 형태의 문자열을 Number타입의 값으로 변환하여 리턴한다. 정수와 실수를 모두 지원한다.

Number parseInt(String)

▶ 주어진 숫자 형태의 문자열을 Number타입의 값으로 변환하여 리턴한다. 정수만 지원한다. 문자열이 실수 형태인 경우 소수점 아래 부분은 잘라낸다.

참고 : 주어진 문자열을 무조건 실수 형태로만 리턴하는 함수는 parseFloat(string) 이다.      예를 들어 파라미터로 "1"이 전달될 경우 1.0이 리턴된다.

NaN (Not a Number)

Number 형식으로 변환할 수 없는 값을 Number 함수나 parseInt 함수로 변환하려고 한 경우 리턴되는 값.

전염성이 매우 강해서 한번 NaN으로 결정된 값에는 어떤 수를 연산시키건 결과가 NaN이 된다.

var k = parseInt("hello");      // <-- k = NaN;
var c = k + 100;                //  <-- c = NaN + 100 = NaN

문자열과 결합할 경우 서로 연결된다.

var k = parseInt("hello");      // <-- k = NaN;
var c = k + "world";            // <-- c = NaN+ "world" = "NaNworld"

NaN여부를 검사하기

boolean isNaN(String)

Number함수나 parseInt 함수를 사용하기 전, 파라미터로 전달되는 문자열이 Number 형식으로 변환 가능한지의 여부를 판단하는 함수.

var a = isNaN("hello");     // true (NaN이 맞음)
var b = isNaN("123");       // false (NaN이 아님)

값이 숫자형식인 경우 true, 숫자형식이 아닌 경우 false를 얻기 위해서는 isNaN 함수 리턴값을 ! 를 사용하여 부정해야 한다.

var a = isNaN("hello");     // true (NaN이 맞음)
a = !a;                     // true를 부정하였으므로 false가 됨.

일반적으로 위 결과는 다음과 같이 축약해서 사용한다.

var a = !isNaN("hello");    // false(숫자가 아님)

메시지 박스 관련 함수

void alert (string)

확인 버튼을 갖는 알림 메시지 박스를 표시한다.

파라미터 : 메시지 박스에 표시될 내용.

boolean confirm(string)

확인, 취소 버튼을 갖는 확인 메시지 박스를 표시한다.

파라미터 : 메시지박스에 표시될 내용

결과값 : 사용자가 긍정의 버튼을 클릭할 경우 true, 부정의 버튼을 클릭할 경우 false

string prompt(string msg, string def)

입력필드를 갖는 메시지 박스를 표시한다.

파라미터 

- msg : 메시지 박스에 표시될 내용

- def : 입력필드에 설정될 기본값 ( 필요 없는 경우 빈 문자열 ""을 지정 )

리턴값 

- 입력하지 않고 확인을 누른 경우 : ""

- 취소를 누른 경우 : null

- 정상적인 값을 입력한 경우 : 입력한 내용