자바스크립트 함수에 대한 심층적인 이해와 활용(코드첨부)

오늘은 JavaScript에 대한 기본 교육 콘텐츠, 함수 기능의 훈련 및 이해에 대한 내용을 함께 배워 보겠습니다.

Function 함수는 JavaScript의 기초이자 함수 구현의 전환점입니다. 예제 분석을 통해 Function 함수에 대한 더 깊은 이해와 실제 사용법을 설명합니다.

Function은 실제로 객체입니다. 그리고 우리가 정의하는 모든 함수는 실제로 Function 객체의 인스턴스입니다. 이는 Function 객체의 인스턴스를 가리키는 것으로도 이해될 수 있습니다. 함수 유형 A 참조를 가리킵니다. 참조 유형의 메모리 주소를 가리키므로 우리가 변수로 정의한 함수를 간단히 이해할 수도 있습니다. 이 변수는 참조 유형의 주소를 가리킵니다.

우리가 정의한 함수는 실제로 변수이므로 함수 인스턴스 주소는 동시에 여러 변수를 가리킬 수 있습니다.

다음 코드를 살펴보세요.

var add = new Function("n ", "m", "return n + m");

위는 Function 개체의 생성자를 호출하는 표준 함수 정의입니다. 이 생성자는 첫 번째 N 매개 변수를 마지막까지 새 함수의 매개 변수로 기본 설정합니다. 매개변수는 새 함수의 함수 본문으로 간주됩니다.

위 명령문에서 add 변수가 Function 유형의 인스턴스를 가리키는 것을 보는 것은 매우 직관적이지만 이 명명 방법은 매우 번거롭고 다음과 동일합니다.

(1) 함수 표현

var add=function(n,m){
return n+m;
}

(2) 함수 선언

function add(n,m){
return n+m;
}

자바스크립트 언어의 선언이 고급이기 때문에 초판에서는 두 번째 방법을 사용하여 함수를 정의하는 것을 미리 권장하고 있습니다.

일반 함수: 일반 함수의 특징 소개: 같은 이름으로 덮어쓰기, 인수 개체, 기본 반환 값 등

function ShowName(name) {
 alert(name);
}

익명 함수: 익명 함수의 특징을 소개합니다: 가변 익명 함수, 이름 없는 익명 함수.

//变量匿名函数，左侧可以为变量、事件等
var anonymousNormal = function (p1, p2) {
 alert(p1+p2);
}
anonymousNormal(3,6);//输出9

function funA() {
 var i = 0;
 function funB() { //闭包函数funB
  i++;
  alert(i)
 }
 return funB;
}
var allShowA = funA(); //全局变量引用：累加输出1,2,3,4等
 
function partShowA() {
 var showa = funA();//局部变量引用：只输出1
 showa();
}

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

js

이메일 주소 형식 인증 코드용 JS

JS는 시간 공유 기능을 사용하여 코드를 최적화합니다.

위 내용은 자바스크립트 함수에 대한 심층적인 이해와 활용(코드첨부)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!