최신 웹 개발 튜토리얼
 

JavaScript함수


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

"뭔가"를 호출 할 때 자바 스크립트 기능을 (를) 호출이 실행됩니다.


function myFunction(p1, p2) {
    return p1 * p2;              // The function returns the product of p1 and p2
}
»그것을 자신을 시도

자바 스크립트 함수 구문

자바 스크립트 기능이 정의되는 function 괄호 다음에, 이름으로, 키워드 다음에 () .

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

괄호는 쉼표로 구분 된 매개 변수 이름을 포함 할 수있다 :
(매개 변수 1, 매개 변수 2, ...)

코드는 함수에 의해 실행되는, 중괄호 내부에 배치됩니다 : {}

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

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

함수 인자는 호출 될 때의 기능에 의해 수신 된 실제 값이다.

함수 내에서 인수는 로컬 변수를 작동합니다.

함수는 많은 다른 프로그래밍 언어 절차 또는 서브 루틴과 동일하다.


함수 호출

함수 내부의 코드를 실행할 때 "뭔가"호출로 (통화) 기능 :

  • 이벤트가 발생하면 (사용자가 버튼을 클릭 할 때)
  • 이 호출하면 자바 스크립트 코드에서 (호출)
  • 자동 (자동 호출)

나중에이 튜토리얼에서 함수 호출에 대해 더 많이 배울 것입니다.


함수 반환

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

함수가 성명에서 호출 된 경우, 자바 스크립트 호출 문 다음 코드를 실행하기 위해 "반환"합니다.

함수는 종종 리턴 값을 계산한다. 반환 값은 다시 "발신자"을 "반환"입니다 :

두 수의 곱을 계산하고, 그 결과를 반환 :

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
}

X의 결과는 다음과 같습니다

12
»그것을 자신을 시도

왜 함수?

당신은 코드를 재사용 할 수 있습니다 : 한 번 코드를 정의하고 그것을 여러 번 사용합니다.

서로 다른 결과를 생성하는 다른 인자와 동일한 코드를 여러 번 사용할 수있다.

섭씨 화씨 변환 :

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
»그것을 자신을 시도

() 연산자는 함수를 호출

위의 예를 사용하여, toCelsius 함수 객체를 참조하고, toCelsius() 함수의 결과를 의미한다.

()없는 기능에 액세스하면 함수 정의를 반환합니다 :

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
»그것을 자신을 시도

변수로 사용 기능

당신이 변수를 사용할 때 자바 스크립트에서, 당신은 같은 방법으로 기능을 사용할 수 있습니다.

당신이 사용할 수있는:

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

대신에:

var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";
»그것을 자신을 시도

나중에이 튜토리얼에서 함수에 대한 더 많은 것을 배울 것입니다.


연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4» 운동 5»