> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 함수를 정의하는 방법

자바스크립트 함수를 정의하는 방법

青灯夜游
풀어 주다: 2023-01-07 11:41:15
원래의
5338명이 탐색했습니다.

JavaScript에서 함수를 정의하는 방법: 1. "함수 함수 이름(매개변수 목록) {실행 코드}" 문을 사용합니다. 2. "var 변수 이름 = 함수(매개변수 목록) {실행 코드}" 문을 사용합니다. 3. " Document object.event=function(){function body}" 문을 사용하세요.

자바스크립트 함수를 정의하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

방법 1: 함수 선언--함수 이름

기본 구문은 다음과 같습니다.

function 函数名([参数列表]){ 
     函数体; 
     [return [表达式;]]
}
로그인 후 복사

방법 2: 함수 표현--익명 함수

기본 구문은 다음과 같습니다.

var fn = function([参数列表]){ 
     函数体; 
     [return [表达式;]]
}
로그인 후 복사

함수 표현식은 익명 함수를 할당합니다. 이 변수를 통해 익명 함수를 호출할 수 있도록 변수를 제공합니다.

방법 3: 이벤트 등록 양식

文档对象.事件 = function(){ 
     函数体; 
}
로그인 후 복사

에 대한 설명은 다음과 같습니다.

1) 명명된 함수를 정의할 때 함수 이름을 지정해야 합니다.

2) 함수 이름: 임의로 정의할 수 있으나 식별자 명명 규칙을 준수해야 하며, 자바스크립트 예약어 및 키워드는 사용할 수 없습니다. 함수 이름은 일반적으로 첫 글자가 소문자이며 일반적으로 동명사입니다. 이름을 보고 의미를 아는 것이 가장 좋습니다. 함수 이름이 여러 단어로 구성된 경우 get_name과 같이 밑줄을 사용하여 단어를 연결하거나 getName과 같이 카멜 케이스로 작성합니다.

3) 매개변수 목록: 선택 사항입니다. 괄호로 묶인 0개 이상의 매개변수로, 호출 함수에서 전달한 매개변수를 전달받기 위해 사용됩니다. 매개변수가 없는 경우 괄호를 생략할 수 없으며, 매개변수가 여러 개인 경우 매개변수를 쉼표로 구분해야 합니다. 이때 매개변수는 특정한 값이 없는 변수이므로 가상 매개변수 또는 형식 매개변수라고 부른다. 가상 매개변수에는 메모리에 할당된 저장 공간이 없습니다. 매개변수를 전달할 때 가상 매개변수는 모든 유형의 데이터를 허용할 수 있습니다.

4) 함수 본문: 중괄호 {}로 묶인 문장 블록으로, 함수 함수를 구현하는 데 사용됩니다. 함수 본문 문은 함수가 호출될 때 실행됩니다.

5) 반환[표현식]: 선택 사항입니다. 이 문을 실행하면 함수 실행이 중지되고 지정된 표현식의 값이 반환됩니다. 표현식은 임의의 표현식, 변수 또는 상수일 수 있습니다. return 문이나 기본 표현식이 없으면 함수는 정의되지 않은 값을 반환합니다.

6) 이벤트 등록 양식에 정의된 익명 함수에는 일반적으로 return 문이 필요하지 않습니다.

함수를 여러 곳에서 호출해야 하는 경우 명명된 함수 또는 함수 표현식으로 정의해야 합니다. 객체의 이벤트를 처리하는 데에만 사용되는 경우 이벤트 등록 정의 형태의 익명 함수는 다음과 같습니다. 일반적으로 사용됩니다.

변수 승격 도입에서 이름이 지정된 함수의 범위를 앞으로 올릴 수 있으므로 이름이 지정된 함수는 정의하기 전에 사용할 수 있지만 함수 표현식은 정의한 후에 사용해야 한다는 점에 유의해야 합니다. .

예 1 : ample

<script>
   function getMax(a,b){
      if(a>b){
          return a;
      }else{
          return b;
      }
}
</script>
로그인 후 복사

example 2 :

<script>
   var getMax = function(a,b){
      if(a>b){
          return a;
      }else{
          return b;
      }
}
</script>
로그인 후 복사

example 3 :

<script>
   window.onload = function(){
      alert("hi");
   };
</script>
로그인 후 복사
【관련 권장 사항 : JavaScript Learning Tutorial

위 내용은 자바스크립트 함수를 정의하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿