집 > 기사 > 웹 프론트엔드 > 자바스크립트의 사용자 정의 기능은 무엇입니까?

자바스크립트의 사용자 정의 기능은 무엇입니까?

青灯夜游원래의: 2022-03-28 20:07:032339검색

사용자 정의 함수에는 다음이 포함됩니다. 1. 명명된 함수, 구문 "function function name(){}"; 2. 익명 함수, 구문 "var 변수 이름=function(){};" 3. 개체 함수, 구문 "var Variable name=Function();"; 4. 함수의 정의와 호출을 함께 구현하는 자체 조정 함수입니다.

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

함수는 이벤트에 의해 트리거되거나 다른 스크립트에서 호출될 수 있는 지연된 작업 집합입니다.

JavaScript의 두 가지 유형의 함수: 사전 정의된 함수, 사용자 정의 함수

사전 정의된 함수
- 【parseInt/parseFloat】string to int/float
- 【isNaN / isFinite】매개변수가 Non-인지 확인 숫자 값 / 무한 숫자
- 【Escape / unescape】 encode / decode 문자열
- 【【평가】 javaScript 스크립트 실행
- 【경고 / 확인 / 프롬프트】 3 개의 경고 상자
- function funcName(){}
- 【匿名函数】var x=function(){};
- 【对象函数】var x=Function();
- 【自调函数】(function(){}());
  【명명된 함수】function funcName(){}

【익명 함수】var x=function(){};

【 객체 함수】var x=Function();

【자체 조정 함수】(function(){}());

사용자 정의 함수
사전 정의된 함수 외에도 JavaScript에서 사용자 정의 함수를 사용할 수도 있습니다.
함수를 맞춤설정할 때 함수의 매개변수 유형이나 함수의 반환 유형을 선언할 필요가 없습니다.
JavaScript는 현재 다음과 같은 사용자 정의 방법을 지원합니다.
이름이 지정된 함수

익명 함수

객체 함수
자체 조정 기능

명명된 함수

이름 함수는 function 키워드와 함수 이름, 괄호()를 사용하여 정의됩니다.

동일한 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 태그에서 함수 호출은 함수 정의 앞이나 뒤에 올 수 있습니다.
다른 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 태그에서 함수 정의는 함수 호출 이전에 이루어져야 합니다. 그렇지 않으면 호출이 유효하지 않습니다.

형식은 다음과 같습니다.

function funcName([parameters]){
  statements;
  [return 表达式;]
}

2. 익명 함수

이름이 지정된 함수는 초보자가 시작하기 쉽지만 가독성이 떨어집니다. 익명 함수는 상대적으로 사용하기가 더 편리하고 가독성이 더 좋습니다. 현재 가장 널리 사용되는 JavaScript 프레임워크는 기본적으로 익명 함수를 사용하여 함수를 정의합니다.
형식은 다음과 같습니다.

var x=function([parameters]){
  statements;
  [return 表达式;]
};

3. 객체 함수

JavaScript는 함수 정의를 위한 Function 클래스를 제공합니다. 형식은 다음과 같습니다.

var func1=new Function([parameters],statements;);

매개변수는 함수 매개변수이며 선택사항입니다. 매개변수가 여러 개인 경우 쉼표로 구분하세요.
statements는 함수 실행 본문입니다. 실행문이 여러 개인 경우 세미콜론;으로 구분합니다.

4. 자기 호출 기능

일반적으로 함수 자체는 자동으로 실행되지 않고 호출될 때만 실행됩니다. 따라서 JavaScript에서는 함수 정의를 구현하고 함께 호출하는 자체 호출 함수를 제공합니다. 형식은 다음과 같습니다.

(function([parameters]){
  statements;
  [return 表达式;]
})([params]);

자체 조정 기능을 묶으려면 괄호()를 사용하고 세미콜론으로 끝나야 합니다.

매개변수는 형식 매개변수이며 선택사항입니다. 매개변수는 쉼표로 구분됩니다.

params는 실제 매개변수이며, 함수가 호출될 때 데이터가 전달됩니다.

코드 샘플:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>test</title>
</head>
<body>
  <input id="btn1" type="button" onclick="button1Event()" value="button1" />
  <input id="btn2" type="button" onclick="button2Event()" value="button2" /><br />
  <input id="a" type="text"/><input id="b" type="text"/><br />
  <input id="sumBtn" type="button" value="x+y" onclick="sum()"/>
  
  <script type="text/javascript">
    function button1Event(){/* 命名函数 */
        alert("命名函数：按钮1被点击！");
    }
    var x=function(){/* 匿名函数 */
        alert("匿名函数：按钮2被点击！");
    }
    button2Event=x;
    
    var y=new Function("a", "b", "return a+b");/* 对象函数 */
    sum=function(){
        var aValue=parseInt(document.getElementById("a").value,10);
        var bValue=parseInt(document.getElementById("b").value,10);
        alert("对象函数："+y(aValue,bValue));
    }
    
    var tema=2;var temb=2;
    (function(a,b){/* 自调函数 */
        alert("自调函数："+(a+b));
    })(tema,temb);
  </script>
</body>
</html>

효과 데모:

🎜🎜 🎜🎜🎜 🎜🎜🎜[관련 권장 사항: 🎜javascript 비디오 튜토리얼🎜, 🎜웹 프론트 엔드🎜]🎜

위 내용은 자바스크립트의 사용자 정의 기능은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：자바스크립트에서 문자열이 같은지 확인하는 방법다음 기사：자바스크립트에서 문자열이 같은지 확인하는 방법