10. 자바스크립트 함수(JS Fucntions)

[참고] http://www.w3schools.com/js/js_functions.asp

자바스크립트 함수는 특정 업무를 수행하기위해 설계된 코드 블록이다.

자바스크립트 함수는 "무언가"가 함수를 호출할 때 실행된다.

---

Example

function myFunction(p1, p2) {
    return p1 * p2;              // The function returns the product of p1 and p2}

Try it Yourself »

---

JavaScript Function Syntax(자바스크립트 함수 구문)

자바스크립트 함수는 function 키워드, 이름, 괄호()와 함께 정의된다.

함수 이름은 문자, 숫자, 밑줄, 달러 기호(변수와 동일한 규칙)를 포함할 수 있다.

삽입문구인 ()는 콤마로 구분된 파라미터 이름들을 포함할 수 있다.(parameter1, parameter2, ...)

다음 함수에 의해 실행되는 코드는 중괄호{}안에 위치한 것들이다.

functionName(parameter1, parameter2, parameter3) {
    code to be executed
}

함수 파라미터는 함수 정의에서 열거된 이름들이다.

함수 인수가 함수가 호출될때 받는 진짜 값이다.]

함수안에서, 인수는 지역 변수로 사용된다.

	다른 프로그래밍 언어에서, 함수는 프로시저 혹은 서브루틴과 동일하다.

---

Function Invocation(함수 호출)

함수안 코드는 "무언가"가 함수를 호출할 때 실행할 것이다.

• 이벤트가 발생할 때(유저가 버튼을 클릭시)
• 자바스크립트 코드로부터 호출 될 때
• 자동으로(자기 호출)

You will learn a lot more about function invocation later in this tutorial.

---

Function Return(함수 반환)

자바스크립트가 return 문에 도달할 때, 함수는 실행을 멈출 것이다.

return 이 문장으로부터 호출되었을 때, 자바스크립트는 호출 후 코드를 실행하기 위해 다시 돌아 갈 것이다.

함수는 종종 리턴 값을 계산한다. 리턴 값은 호출함수에서 반환한다.

Example

Calculate the product of two numbers, and return the result:

var x = myFunction(4, 3);        // Function is called, return value will end up in x
function myFunction(a, b) {
    return a * b;                // Function returns the product of a and b}

The result in x will be:

12

Try it Yourself »

---

Why Functions?(왜 함수인가)

코드를 재사용 할 수 있다. 코드를 한번만 정의하고, 그것을 여러번 사용한다.

다른 결과를 생성하기 위해, 다른 인수들과 함께 여러번 같은 코드를 사용할 수 있다.

Example

섭씨를 화씨로 변환

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(32);

Try it Yourself »

---

The () Operator Invokes the Function( () 연산자는 함수를 호출한다)

위 예에서 사용하는 것처럼 toCelsius는 함수 객체를 참조하고, toCelcius()는 함수 결과를 의미한다.

Example

() 없이 함수에 접근하면 함수 기능을 반환한다.

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

Try it Yourself »

---

Functions Used as Variables(함수는 변수로 사용된다)

자바스크립트에서 함수는 변수로 사용될 수 있다.

Example

Instead of:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";

You can use:

text = "The temperature is " + toCelsius(32) + " Centigrade";

Try it Yourself »

	You will learn a lot more about functions later in this tutorial.