JavaScript 함수 이해

함수는 모듈식 프로그래밍의 기초입니다. 복잡한 Ajax 애플리케이션을 작성하려면 함수에 대해 더 깊이 이해해야 합니다.

JavaScript의 함수는 다른 언어와 다릅니다. 각 함수는 객체로 유지되고 실행됩니다. 함수 객체의 속성을 통해 함수를 변수에 쉽게 할당하거나 함수를 매개변수로 전달할 수 있습니다. 계속하기 전에 함수 사용 구문을 살펴보겠습니다.

以下是引用片段：
function func1(…){…} 
var func2=function(…){…}; 
var func3=function func4(…){…}; 
var func5=new Function();

다음은 함수 선언에 대한 올바른 구문입니다. 다른 언어에서 흔히 사용하는 함수나 이전에 소개했던 함수 정의 방식과는 많이 다릅니다. 그렇다면 JavaScript에서는 왜 이렇게 작성할 수 있을까요? 따르는 구문은 무엇입니까? 자세한 내용은 아래에 설명되어 있습니다.

함수 객체 이해

function 키워드를 사용하여 함수를 정의하고, 각 함수에 함수 이름을 지정하고, 함수 이름을 통해 호출할 수 있습니다. JavaScript가 해석되고 실행될 때 함수는 도입되는 Function Object인 객체로 유지됩니다.

함수 객체는 다른 사용자 정의 객체와 본질적으로 다릅니다. 이러한 유형의 객체를 날짜 객체(Date), 배열 객체(Array), 문자열 객체(String All)라고 합니다. 내부 개체입니다. 이러한 내장 객체의 생성자는 JavaScript 자체에 의해 정의됩니다. 객체를 반환하기 위해 new Array()와 같은 문을 실행함으로써 JavaScript는 사용자가 객체 구성 방법을 지정하는 대신 반환된 객체를 초기화하는 내부 메커니즘을 갖습니다. .

JavaScript에서는 해당 유형의 함수 객체가 Function이고, 해당 유형의 배열 객체가 Array이고 해당 유형의 날짜 객체가 Date인 것처럼 new Function()을 통해 함수 객체를 생성할 수 있습니다. 또는 function 키워드를 통해 객체를 생성할 수 있습니다. 이해를 돕기 위해 함수 객체 생성과 배열 객체 생성을 비교합니다. 먼저 배열 개체를 살펴보겠습니다. 다음 두 줄의 코드는 모두 배열 개체 myArray를 생성합니다.

以下是引用片段：
var myArray=[]; 
//等价于 
var myArray=new Array(); 
同样，下面的两段代码也都是创建一个函数myFunction： 
function myFunction(a,b){ 
      return a+b; 
} 
//等价于 
var myFunction=new Function("a","b","return a+b");

이를 구성하는 배열 개체 문과 비교하면 함수 개체의 본질을 명확하게 볼 수 있습니다. 앞서 소개한 함수 선언은 위 코드의 첫 번째 방식으로, 인터프리터 내에서 이 구문을 만나면 자동으로 Function 개체가 생성되고 해당 함수가 내부 개체로 저장되어 실행됩니다. 여기서도 알 수 있듯이 함수객체명(함수변수)과 일반 변수명은 동일한 사양을 가지고 있으며 둘 다 변수명을 통해 변수를 참조할 수 있으나 함수변수명 뒤에는 괄호와 매개변수가 올 수 있다. 기능을 수행하기 위한 목록입니다.

함수 본문에는 일반적으로 여러 개의 명령문이 문자열 형식으로 매개변수로 전달되면 코드의 가독성이 떨어지기 때문에 new Function() 형식으로 함수를 생성하는 것은 일반적이지 않습니다. 가난할 것이다. 다음은 그 사용 구문을 소개합니다.

以下是引用片段：
var funcName=new Function(p1,p2,...,pn,body);

매개변수의 종류는 모두 문자열입니다. p1 ~ pn은 생성된 함수의 매개변수 이름 목록을 나타내고, body는 생성된 함수의 함수 본문 문을 나타냅니다. , funcName은 생성된 함수의 이름입니다. 매개변수를 지정하지 않고 빈 함수를 생성할 수 있고, funcName을 지정하지 않고 이름 없는 함수를 생성할 수 있습니다. 물론 이러한 함수는 의미가 없습니다.

p1~pn은 매개변수 이름 목록이라는 점에 유의해야 합니다. 즉, p1은 매개변수를 나타낼 수 있을 뿐만 아니라 쉼표로 구분된 매개변수 목록일 수도 있습니다. , 예를 들어 다음 정의는 동일합니다.

以下是引用片段：
new  Function("a", "b", "c", "return a+b+c") 
new Function("a, b, c", "return a+b+c") 
new Function("a,b", "c", "return a+b+c")

JavaScript는 Function 유형을 도입하고 new Function()과 같은 구문을 제공합니다. 왜냐하면 함수 개체는 속성과 메서드를 추가하기 위해 Function 유형을 사용해야 하기 때문입니다.

함수의 본질은 내부 개체이며 JavaScript 인터프리터가 함수의 작동 방식을 결정합니다. 위 코드로 생성된 함수는 프로그램 내 함수명을 이용하여 호출할 수 있습니다. 이 섹션의 시작 부분에 나열된 함수 정의 문제도 설명됩니다. 함수 선언 바로 뒤에 괄호를 추가하여 함수가 생성 직후에 호출된다는 것을 나타낼 수 있습니다. 예:

以下是引用片段：
var i=function (a,b){ 
       return a+b; 
}(1,2); 
alert(i);

이 코드는 변수 i의 값이 3과 같다는 것을 보여줍니다. i는 생성된 함수가 아니라 반환된 값을 나타냅니다. 괄호 "("가 등호 "="보다 우선순위가 높기 때문입니다. 이러한 코드는 일반적으로 사용되지 않을 수 있지만 사용자가 원하는 경우에 사용됩니다. 이는 모듈식에 적합한 솔루션입니다. 디자인이나 이름 충돌을 피하기 위해

더 많은 관련 기사를 보려면 PHP 중국어 웹사이트(www.php.cn)를 주목하세요

!