자바스크립트 기능

함수란 무엇인가요?

함수는 재사용 가능한 코드 블록 집합입니다. JavaScript에서 함수는 이벤트 기반이거나 다른 코드에 의해 호출됩니다.

함수는 JavaScript 언어의 핵심 중 하나입니다. 기본 구문은 다음과 같습니다.

function functionName(arg0, arg1, ...) {
문
}

구문 설명

함수 사용 함수를 정의하는 키워드

함수 키워드 뒤에는 공백, 함수 이름이 옵니다.

함수 이름 뒤에는 괄호 쌍이 옵니다. arg0과 arg1은 함수의 매개변수를 ","로 구분합니다. ". 매개변수 수는 0-25일 수 있습니다. 0은 매개변수가 없음을 의미합니다. 매개변수가 없는 경우 () 대괄호는 생략할 수 없습니다. 25개를 초과하는 매개변수는 JavaScript에서 무시됩니다

{}는 함수

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
function hello(name){
    document.write(name + "，你好！");
}
</script>
</head>
<body>
  <input type="button" onclick="hello('小明')" value="确定" />
</body>
</html>

JavaScript 함수 이름 지정에서 구현할 함수문이 포함된 함수 본문입니다.

일반적으로 함수 이름에는 카멜 표기법을 사용하는 것을 권장하며, 함수 이름은 함수나 함수의 특징을 대략적으로 설명할 수 있습니다. Camel Case 방식은 첫 번째 문자가 소문자이고 다른 단어의 첫 글자가 대문자라는 것을 의미합니다. 다음은 함수 이름 지정의 몇 가지 예입니다.

functionchangeName(){
...
}
function getAgeByInput(){
...
}

change_name과 같이 함수 이름에서 단어를 구분하기 위해 밑줄을 사용하는 사람도 많습니다. 이 역시 가능하며 실제 구현은 특정 프로젝트 사양을 기반으로 할 수 있습니다.

특히 함수(예: _getName) 앞에 _ 기호를 추가하는 것은 일반적으로 클래스(객체)의 전용 메서드를 나타내는 데 사용됩니다.

JavaScript 함수 내 변수

변수가 함수 본문 내에서 선언된 경우 해당 함수 내에서만 액세스할 수 있습니다. 이렇게 하면 다른 함수 내에서 동일한 이름을 가진 변수를 사용할 수 있습니다.

함수 외부에서 변수를 선언하면 웹페이지의 모든 함수가 해당 변수에 접근할 수 있습니다.

JavaScript 함수 매개변수

JavaScript 함수에는 매개변수가 없을 수 있으며(단, 매개변수가 포함된 괄호는 생략할 수 없음) 함수에서 사용하기 위해 매개변수를 함수에 전달할 수도 있습니다.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
function hello(name,age){
    document.write("我叫" + name + "，今年" + age + "岁！");
}
</script>
</head>
<body>
  <input type="button" onclick="hello('小明',18)" value="确定" />
</body>
</html>

이 예제를 실행하고 확인 버튼을 클릭하면 다음과 같이 출력됩니다.

제 이름은 Xiao Ming이고 18세입니다!

위 예시와 같이 전달된 값이 문자열인 경우에는 따옴표가 필요하고, 전달된 값이 숫자인 경우에는 따옴표가 필요하지 않습니다.

JavaScript 함수 매개변수 오류

JavaScript 함수 매개변수는 어떤 매개변수가 필수 매개변수이고 어떤 매개변수가 선택적 매개변수인지 엄격하게 요구하지 않습니다. 따라서 전달된 매개변수의 수는 정의할 때 매개변수의 수와 동일하지 않습니다. 기능.

함수에 정의되지 않은 매개변수가 사용되면 구문 오류(정의되지 않은 매개변수)가 표시되고 JavaScript 코드가 정상적으로 실행되지 않습니다.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
function hello(name,age){
    document.write("我叫" + name + "，今年" + age + "岁！");
}
</script>
</head>
<body>
  <input type="button" onclick="hello('小明')" value="确定" />
</body>
</html>

이 예제를 실행하고 확인 버튼을 클릭하면 다음과 같이 출력됩니다.

제 이름은 Xiao Ming이고 올해는 정의되지 않았습니다!

JavaScript 함수 return

JavaScript 함수의 return 문은 함수에서 반환되는 값을 지정하는 데 사용됩니다. 함수가 실행될 때 실행 결과를 얻으려면 return 문을 사용하여 결과를 반환해야 합니다.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
function sum(x,y){
    return x+y;
}
result = sum(2,3);
document.write( result );
</script>
</head>
<body>
</body>
</html>

다음 예제 출력을 실행하세요. 5

반환 값이 없는 반환 문

함수에 반환 값이 없으면 매개 변수 없이 반환 연산자를 호출하고 언제든지 함수를 종료할 수 있습니다.

로컬 JavaScript 변수

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

변수가 선언된 함수에서만 변수를 인식하므로 같은 이름의 지역 변수를 다른 함수에서 사용할 수 있습니다.

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

전역 JavaScript 변수

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

JavaScript 변수의 수명

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

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

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

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

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

이 명령문:

carname="Volvo";

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

지속적인 학습

||

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> function hello(name,age){ document.write("我叫" + name + "，今年" + age + "岁！"); } </script> </head> <body> <input type="button" onclick="hello('小明',18)" value="确定" /> </body> </html>

제출하다 코드 재설정
자동운전