JavaScript 함수에 대한 간략한 소개
- 青灯夜游원래의
- 2018-09-14 09:21:481348검색
이 장에서는 JavaScript 함수에 대한 간략한 소개를 제공하여 모든 사람이 JavaScript 함수에 대한 사전 이해를 가질 수 있도록 합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
JavaScript 함수란 무엇인가요?
JavaScript에서 함수는 원하는 대로 프로그래밍 방식으로 조작할 수 있는 개체입니다. 함수는 다른 함수에 중첩되고 정의될 수 있으므로 정의된 범위의 모든 변수에 액세스할 수 있습니다.
함수는 호출 시 실행되는 이벤트 기반 또는 재사용 가능한 코드 블록입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript 函数</title>
</head>
<body>
<!-- 当按钮被点击之后 -->
<button onclick="MyFunction()">点一下</button>
</body>
<script type="text/javascript">
function MyFunction() {
alert("么么哒");
}
</script>
</html>JavaScript 함수 구문
함수는 중괄호로 묶인 코드 블록입니다.
function myFunction(){
//执行代码
}
//当调用该函数时，会执行函数内的代码
//可以在某事件发生时直接调用函数（比如当用户点击按钮时）并且可有JavaScript在任何位置进行调用。JavaScript는 소문자여야 하며 다음으로 시작해야 합니다. 함수를 호출하려면 함수 이름과 동일한 대소문자를 사용하세요.
함수 본문에 명령문이 하나만 포함된 경우에도 함수의 중괄호는 필수입니다.
매개변수를 사용하여 함수 호출
함수를 호출할 때 매개변수라고 하는 값을 전달할 수 있습니다. 이러한 매개변수는 함수에서 사용할 수 있습니다.
영문 쉼표로 구분하여 원하는 만큼 함수를 전달할 수 있습니다.
myFunction(num1,num2,num3)
함수를 선언할 때 매개변수를 변수로 선언하세요.
function myFunction(var1,var2){
//代码
}변수와 매개변수는 동일한 순서로 나타나야 하며 첫 번째 변수가 첫 번째입니다. 전달된 매개변수의 값 등입니다.
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<button onclick="myFunction(1,2)">试一试</button>
</body>
<script type="text/javascript">
function myFunction(num1, num2) {
alert(num1 + num2);
}
</script>
</html>위 함수는 버튼을 클릭한 후에 호출됩니다. 표시 효과는 다음과 같습니다.
반환 값이 있는 함수
때로는 처리된 데이터를 호출된 위치로 반환하는 함수가 필요할 때가 있는데, 이는 return 문을 통해 달성할 수 있습니다.
return 문을 사용하면 함수 실행이 중지되고 지정된 값이 반환됩니다.
<script type="text/javascript">
function myFunction() {
var x=9;
return x;
}
</script>위 함수는 x 9의 값을 반환합니다.
참고: 전체 JavaScript는 실행을 중지하지 않고 함수만 호출된 위치에서 코드를 계속 실행합니다.
함수 호출은 반환 값으로 대체됩니다.
<script type="text/javascript">
function myFunction() {
var x=9;
return x;
}
var aa=myFunction();
</script>aa의 값은 9입니다. 즉, "myFunction()" 함수의 반환 값입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<button onclick="myFunction(1,2)">试一试</button>
<p id="demo"></p>
</body>
<script type="text/javascript">
function myFunction() {
var x=9;
return x;
}
var aa=myFunction();
document.getElementById("demo").innerHTML=myFunction();
</script>
</html>위 코드는 id로 요소를 선택하고 myFunction 함수의 반환 값을 작성합니다.
함수를 실행하고 싶다면 return 문을 사용할 수도 있습니다. 반환 값은 선택 사항입니다. 아니면 아닙니다.
<script type="text/javascript">
function myFunction(a,b) {
if (a>b) {
return;
}
x=a+b;
}
</script>위 코드는 a가 b보다 큰 경우 함수를 푸시합니다. ab의 합은 계산하지 않습니다.
로컬 JavaScript 변수
JavaScript 함수 내에서 선언된 변수(var 사용)는 로컬 변수이므로 함수 내에서만 액세스할 수 있습니다. (이 변수의 범위는 함수이며 로컬이라고도 할 수 있습니다.)
다른 함수에서 동일한 변수 이름을 사용할 수 있습니다. 변수를 선언하는 함수만이 변수를 인식할 수 있기 때문입니다. 함수 실행이 완료되자마자 지역 변수가 삭제됩니다.
로컬 변수는 같은 이름을 가진 전역 변수보다 우선순위가 높으므로 로컬 변수는 같은 이름을 가진 전역 변수를 숨깁니다.
전역 JavaScript 변수
함수 외부에서 선언된 변수는 전역 변수이며 웹 페이지의 모든 스크립트와 함수에서 액세스할 수 있습니다.
JavaScript 변수의 수명
JavaScript 변수의 수명은 선언될 때 시작됩니다.
로컬 변수는 함수 실행 후 삭제됩니다.
페이지를 닫으면 전역 변수가 삭제됩니다.
선언되지 않은 JavaScript 변수에 값 할당
선언되지 않은 변수에 값을 할당하면 해당 변수가 자동으로 전역 변수로 선언됩니다.
위 내용은 JavaScript 함수에 대한 간략한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!