JavaScript 고급 프로그래밍 읽기 노트 8 함수 클래스 및 클로저_Javascript 기술

WBOY

풀어 주다： 2016-05-16 17:55:51

원래의

906명이 탐색했습니다.

Function 클래스

정의
Function 클래스는 개발자가 정의한 모든 함수를 나타낼 수 있습니다. Function 클래스를 사용하여 함수를 직접 생성하는 구문은 다음과 같습니다.

var function_name=new Function(agrument1,agrument2,...,argumentN,function_body);
각 인수는 매개변수이며, 마지막 매개변수는 함수 본문(실행할 코드)입니다.

예:

코드 복사 코드는 다음과 같습니다.

 
함수 sayHi(sName ,sMessage){ 
alert("Hello " sName "," sMessage) 
} 

다음과 같이 정의할 수도 있습니다.
var sayHi=new Function("sName" ,"sMessage","alert("Hello" sName "," sMessage);");
참고: Function 생성자를 사용하여 함수를 생성할 수 있지만 사용하지 않는 것이 가장 좋습니다. 기존 방식보다 함수를 정의하는 것이 훨씬 더 쉽습니다. 그러나 모든 함수는 Function 클래스의 인스턴스로 간주되어야 합니다.
속성 및 메서드
함수는 참조 유형이므로 속성과 메서드도 있습니다. ECMAScript에서 정의한 속성 길이는 함수에서 예상하는 매개변수 수를 선언합니다. 예:

코드 복사 코드는 다음과 같습니다.

 
function doAdd(iNum){ 
alert(iNum 10); } 
function sayHi(){ 
alert("Hi"); 
} 
alert(doAdd.length);//outpus 1 
alert(sayHi.length);//outpus 0 

 

함수 개체에는 모든 개체와 공유되는 표준 valueOf() 및 toString() 메서드도 있습니다. 두 메서드 모두 함수의 소스 코드를 반환하며 이는 디버깅할 때 특히 유용합니다.
　예:

코드 복사 코드는 다음과 같습니다.

function doAdd( iNum){ 
alert(iNum 10); 
} 
alert(doAdd.toString()); 

 

이 코드는 doAdd() 함수의 텍스트를 출력합니다.
클로저
정의
클로저란 계산할 필요가 없는 변수를 포함하는 함수의 어휘적 표현을 의미합니다. 즉, 함수는 함수 외부에서 정의된 변수를 사용할 수 있습니다. ECMAScript에서 전역 변수를 사용하는 것은 클로저의 간단한 예입니다.
예:

코드 복사 코드는 다음과 같습니다.

var sMessage=" Hello World" ; 
function sayHelloWold(){ 
alert(sMessage); 
} 
sayHelloWorld(); 

 

다른 함수 내에서 함수를 정의하면 다음이 종료됩니다. 다음과 같이 더 복잡해집니다.

코드 복사 코드는 다음과 같습니다.

var iBaseNum =10; 
function addNumbers(iNum1,iNum2){ 
function doAddtion(){ 
return iNum1 iNum2 iBaseNum; 
} 
return doAddtion(); 🎜> 
이 addNumbers() 함수에는 doAddtion()(클로저) 함수가 포함되어 있습니다. 내부 함수는 외부 함수의 매개변수 iNum1 및 iNum2와 전역 변수 iBaseNum의 값을 얻기 때문에 클로저입니다. addNumbers()의 마지막 단계에서는 내부 함수를 호출하고 두 매개변수와 전역 변수를 추가하고 그 합계를 반환합니다. 여기서 파악해야 할 중요한 개념은 doAddtion() 함수가 매개변수를 전혀 허용하지 않고 실행 환경에서 얻은 매개변수를 사용한다는 것입니다. 
 보시다시피 클로저는 ECMAScript의 매우 강력하고 다재다능한 부분이며 복잡한 계산을 수행하는 데 사용할 수 있습니다. 다른 고급 기능과 마찬가지로 클로저를 사용할 때는 매우 복잡해질 수 있으므로 주의하세요. 
이 글의 샘플 코드

코드 복사

코드는 다음과 같습니다.