자바스크립트 기능
예시
호출될 때 "Hello World"를 출력하는 함수를 선언합니다.
// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// Call the function
myFunction();
아래에 더 많은 예가 있습니다.
정의 및 사용
명령문 은 function
함수를 선언합니다.
선언된 함수는 "나중에 사용하기 위해 저장"되며 나중에 호출(호출)될 때 실행됩니다.
JavaScript에서 함수는 객체이며 속성과 메서드를 모두 가지고 있습니다.
함수는 표현식을 사용하여 정의할 수도 있습니다( 함수 정의 참조 ).
함수에 대해 알아야 할 모든 것을 배우려면 JavaScript 자습서를 읽으십시오. JavaScript 함수 및 JavaScript 범위 에 대한 소개 장부터 시작하십시오 . 더 자세한 정보는 함수 정의 , 매개변수 , 호출 및 클로저 에 대한 함수 섹션을 참조하십시오 .
또한보십시오:
반환 문 .
통사론
function functionName(parameters) {
code to be executed
}
매개변수
Parameter | Description |
functionName | Required. The name of the function. Naming rules: same as JavaScript variables. |
parameters | Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to undefined . |
더 많은 예
PI 값을 반환합니다.
function myFunction() {
return Math.PI;
}
a와 b의 곱을 반환합니다.
function myFunction(a, b) {
return a * b;
}
인수가 다른 함수는 다른 결과를 생성할 수 있습니다.
화씨를 섭씨로 변환:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
함수를 변수로 사용할 수 있습니다.
대신에:
temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
당신이 사용할 수있는:
text = "The temperature is " + toCelsius(32) + " Centigrade";
JavaScript 함수에는 인수라는 내장 객체가 있습니다.
arguments.length 속성은 함수에서 수신한 인수의 수를 반환합니다.
function myFunction(a, b) {
return arguments.length;
}
"Hello World"를 출력하는 함수를 호출하려면 클릭하세요.
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
함수 표현식이 변수에 저장되면 변수에는 다음과 같은 함수가 포함됩니다.
const x = function (a, b) {return a * b};
함수가 변수에 저장되면 변수를 함수로 사용할 수 있습니다.
const x = function (a, b) {return a * b};
let z = x(4, 3);
관련 페이지
JavaScript 튜토리얼: JavaScript 함수
JavaScript 튜토리얼: JavaScript 범위
JavaScript 튜토리얼: JavaScript 함수 정의
JavaScript 튜토리얼: JavaScript 함수 매개변수
JavaScript 튜토리얼: JavaScript 함수 호출
JavaScript 튜토리얼: JavaScript 함수 클로저
JavaScript 참조: JavaScript return 문
브라우저 지원
function
ECMAScript1(ES1) 기능입니다.
ES1(JavaScript 1997)은 모든 브라우저에서 완벽하게 지원됩니다.
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |