자바스크립트 기능
함수는 호출 시 실행되는 이벤트 기반 또는 재사용 가능한 코드 블록입니다.
인스턴스
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
JavaScript 함수 구문
함수는 중괄호로 묶인 코드 블록으로, 앞에는 function 키워드가 옵니다.
{
코드 실행
}
이 함수가 호출되면 함수 내의 코드가 실행됩니다.
함수는 이벤트가 발생할 때(예: 사용자가 버튼을 클릭할 때) 직접 호출할 수 있으며 JavaScript를 통해 어디서나 호출할 수 있습니다.
 | JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。 |
|---|
매개변수를 사용하여 함수 호출
함수를 호출할 때 매개변수라고 하는 값을 함수에 전달할 수 있습니다.
이러한 매개변수는 함수에서 사용할 수 있습니다.
원하는 만큼 매개변수를 쉼표(,)로 구분하여 보낼 수 있습니다.
함수를 선언할 때 매개변수를 변수로 선언하세요.
{
code
}
변수와 매개변수는 일관된 순서로 나타나야 합니다. 첫 번째 변수는 전달된 첫 번째 매개변수의 지정된 값입니다.
인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name,job){
alert("Welcome " + name + ", the " + job);
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
위 기능은 버튼을 클릭하면 "Welcome Harry Potter, the Wizard" 메시지가 표시됩니다.
함수는 유연합니다. 다양한 매개변수를 사용하여 함수를 호출할 수 있으며, 이에 따라 다양한 메시지가 표시됩니다.
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>请点击其中的一个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<button onclick="myFunction('Bob','Builder')">点击这里</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
어떤 버튼을 클릭하느냐에 따라 위의 예에서는 "해리포터를 환영합니다"라는 메시지가 표시됩니다. 마법사' 또는 '건축가 Bob을 환영합니다.'
반환 값이 있는 함수
가끔 호출된 위치에 값을 반환하는 함수가 필요할 때가 있습니다.
이는 return 문을 사용하여 수행할 수 있습니다.
return 문을 사용하면 함수 실행을 중지하고 지정된 값을 반환합니다.
구문
{
var x=5;
return x;
}
위 함수는 값 5를 반환합니다.
참고: 전체 JavaScript는 실행을 중지하지 않고 기능만 중지합니다. JavaScript는 함수가 호출된 위치부터 코드를 계속 실행합니다.
함수 호출은 반환 값으로 대체됩니다.
myVar 변수의 값은 "myFunction()" 함수에서 반환된 값인 5입니다.
변수로 저장하지 않고도 반환 값을 사용할 수 있습니다.
"demo" 요소의 innerHTML은 "myFunction()" 함수에서 반환된 값인 5가 됩니다.
함수에 전달된 매개변수를 기반으로 반환 값을 지정할 수 있습니다.
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을 선언합니다.
