자바스크립트 기능

함수는 호출 시 실행되는 이벤트 기반 또는 재사용 가능한 코드 블록입니다.

JavaScript 함수 구문

함수는 중괄호로 묶인 코드 블록으로, 앞에 함수라는 키워드가 사용됩니다. { 코드 실행
}

이 함수가 호출되면 함수 내의 코드가 실행됩니다.

함수는 이벤트가 발생할 때(예: 사용자가 버튼을 클릭할 때) 직접 호출할 수 있으며 JavaScript를 통해 어디서나 호출할 수 있습니다.

참고

: JavaScript는 대소문자를 구분합니다. function 키워드는 소문자여야 하며, 함수 이름과 동일한 대소문자를 사용하여 함수를 호출해야 합니다.

매개변수를 사용하여 함수 호출

함수를 호출할 때 매개변수라고 하는 값을 함수에 전달할 수 있습니다.

이러한 매개변수는 함수에서 사용할 수 있습니다. 원하는 만큼 인수를 쉼표(,)로 구분하여 보낼 수 있습니다.

myFunction(argument1,argument2)

함수를 선언할 때 매개변수를 변수로 선언하세요.

function myFunction ( var1,var2)
{

code

}

변수와 매개변수는 일관된 순서로 표시되어야 합니다. 첫 번째 변수는 전달된 첫 번째 매개변수의 지정된 값입니다.
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('哈利波特','Wizard')">点击这里</button>
<script>
    function myFunction(name,job){
        alert("Welcome " + name + ", the " + job);
    }
</script>
</body>
</html>
위 기능은 버튼을 클릭할 때 "마법사 해리를 환영합니다"라는 메시지를 표시합니다.
프로그램을 실행해서 사용해 보세요

반환 값이 있는 함수 

때로는 함수가 호출된 위치에 값을 반환하기를 원할 때가 있습니다.

이는 return 문을 사용하여 달성할 수 있습니다.

return 문을 사용하면 함수 실행이 중지되고 지정된 값이 반환됩니다.

Syntax

function myFunction()
{
var x=5;
return x;
}

위 함수는 값 5를 반환합니다.

Note: 전체 JavaScript는 실행을 중지하지 않고 함수만 중지합니다. JavaScript는 함수가 호출된 위치부터 코드를 계속 실행합니다.

함수 호출은 반환 값으로 대체됩니다.

var myVar=myFunction();

myVar 변수 값은 5이며, 이는 "myFunction()" 함수에서 반환된 값입니다.

변수로 저장하지 않아도 반환값을 사용할 수 있습니다:

document.getElementById("demo").innerHTML=myFunction();

"demo" 요소의 innerHTML은 5가 됩니다. 이는 "myFunction()" 함수에 의해 반환된 값입니다.

함수에 전달된 인수를 기반으로 반환 값을 만들 수 있습니다.

Instance

두 숫자의 곱을 계산하고 결과를 반환합니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="demo"></p>
<script>
    function myFunction(a,b){
        return a*b;
    }
    document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>
</html>

프로그램을 실행하여 결과를 확인합니다.

단순히 함수를 종료하려는 경우에도 return 문을 사용할 수 있습니다. 반환 값은 선택 사항입니다.

function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}

a가 b보다 큰 경우 , 그러면 위 코드는 함수를 종료하고 a와 b의 합을 계산하지 않습니다.

로컬 JavaScript 변수

JavaScript 함수 내에서 선언된 변수(var 사용)는 로컬 변수이므로 함수 내에서만 액세스할 수 있습니다. (이 변수의 범위는 로컬입니다.)

동일한 이름을 가진 지역 변수는 선언된 함수에서만 인식되기 때문에 다른 함수에서 사용할 수 있습니다.

함수 실행이 완료되면 지역 변수가 삭제됩니다.

전역 JavaScript 변수

함수 외부에서 선언된 변수는 전역 변수이며 웹 페이지의 모든 스크립트와 함수에서 액세스할 수 있습니다.

JavaScript 변수의 수명

JavaScript 변수의 수명은 선언된 시점부터 시작됩니다.

로컬 변수는 함수 실행 후 삭제됩니다.

페이지를 닫으면 전역 변수가 삭제됩니다.

선언되지 않은 JavaScript 변수에 값 할당

아직 선언되지 않은 변수에 값을 할당하면 해당 변수가 자동으로 전역 변수로 선언됩니다.

이 명령문:

carname="Volvo";

은 함수 내에서 실행되더라도 전역 변수 carname을 선언합니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>点击这个按钮，来调用带参数的函数。</p> <button onclick="myFunction('哈利波特','Wizard')">点击这里</button> <script> function myFunction(name,job){ alert("Welcome " + name + ", the " + job); } </script> </body> </html>

제출하다 코드 재설정

자동운전