자바스크립트 함수

자바스크립트 함수

자바스크립트 함수는 특정 작업을 수행하도록 설계된 코드 블록입니다.

자바스크립트 함수는 “무언가(something)”가 이것을 호출할 때 실행됩니다.

Example

이 예제는 계산하는 함수를 호출하고, 값으로 를 반환합니다.


이 예제는 계산하는 함수를 호출하고, 값으로 를 반환합니다.

자바스크립트 함수 구문

자바스크립트 함수는 function 뒤에 함수명 뒤에 ( )순서로 정의합니다.

함수명은 문자, 숫자, 밑줄(underscores) 및 달러기호(dollar signs)(변수(variables)와 동일한 규칙)를 포함할 수 있습니다.

괄호안에는 매개변수 이름을 쉼표로 구분하여 포함할 수 있습니다:
(parameter1, parameter2, …)

함수로 실행할 코드는 중괄호 안에 작성합니다: { }


function name(parameter1, parameter2, parameter3) {
    실행할 코드
}

함수 매개변수(parameters) 함수명 뒤 ( ) 안에 나열합니다..

함수 인수(arguments)는 호출 시에 함수로 수신한 입니다.

함수 안에서 인수(매개변수)는 로컬변수로 작동합니다.

함수 호출

함수 안의 코드는 “무언가(something)”가 함수를 호출할 때 실행됩니다:

  • 이벤트가 발생할 때 (사용자가 버튼을 클릭할 때)
  • 자바스크립트 코드에서 호출될 때
  • 자동적으로(Automatically) (자체 호출(self invoked))

이 튜토리얼 뒷부분에서 함수 호출에 대해 더 배울 것입니다.

함수 반환(Function Return)

자바스크립트가 return 문에 도달하면, 함수 실행이 중지됩니다.

함수가 호출될 때 호출문 뒤에 있는 코드를 실행하기 위해 “return”할 것입니다.

함수는 return value를 계산하기도 합니다. The return value는 호출자에게 다시 “return”됩니다:

Example

이 예제는 계산을 실행하는 함수를 호출해서 결과 값을 반환합니다:


이 예제는 계산을 실행하는 함수를 호출해서 결과값 을 반환합니다:

함수는 왜?

코드를 재사용할 수 있습니다: 코드를 한 번 정의하고 여러 번 사용할 수 있습니다.

서로 다른 인수(arguments)를 가지고 동일한 코드를 다시 사용하여 여러 번 다른 결과를 얻을 수 있습니다.

Example

화씨온도를 섭씨로 변환:

이 예제는 함수를 호출하여 화씨를 섭씨로 변환하여 결과값 를 반환합니다:


이 예제는 함수를 호출하여 화씨를 섭씨로 변환하여 결과값 를 반환합니다:

( ) 연산자는 함수를 호출합니다.

위 예제를 사용해보면, toCelsius는 함수 객체(함수명)이며, toCelsius()는 함수 결과값을 반환합니다.

()없이 함수를 사용하면 함수의 결과값이 아닌 함수의 정의를 반환할 것입니다.:

Example


변수 값(Variable Values)으로 사용되는 함수

함수는 모든 유형의 수식(formulas), 할당(assignments) 및 계산(calculations)에서 변수를 사용할 때와 같은 방식으로 사용할 수 있습니다.

Example

함수의 결과값을 저장하기 위해 변수(variable )를 사용하여 대신:


var x = toCelsius(77);
var text = "The temperature is " + x + " Celsius";

변수 값으로 직접 함수에 사용할 수 있습니다:


출처: JavaScript Functions

Leave a comment