> 웹 프론트엔드 > JS 튜토리얼 > ECMAScript_javascript 기술의 함수 유형

ECMAScript_javascript 기술의 함수 유형

WBOY
풀어 주다: 2016-05-16 15:57:07
원래의
1289명이 탐색했습니다.

ECMAScript에서 위와 같이 말하면 가장 흥미로운 것은 함수라고 생각합니다. 흥미로운 이유는 함수가 실제로 객체이기 때문입니다. 각 함수는 Function 유형의 인스턴스이며 다른 참조 유형과 동일한 속성 및 메서드를 갖습니다. 함수는 객체이므로 함수 이름은 실제로 함수 객체에 대한 포인터이며 함수에 바인딩되지 않습니다. 함수는 일반적으로 다음 예와 같이 함수 선언 구문을 사용하여 정의됩니다.

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

함수 합계(숫자1,숫자2)
{
num1 num2 반환;
}

아래 함수 표현식을 이용하여 함수를 정의하는 방법과 거의 같습니다.

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

var sum=함수(숫자1,숫자2)
{
num1 num2 반환;
};

위 코드는 변수 sum을 결정하고 이를 함수로 초기화합니다. function 키워드 뒤에는 함수 이름이 없다는 것을 알 수 있습니다. 함수 표현식을 사용하여 함수를 정의할 때 함수 이름을 사용할 필요가 없기 때문입니다(변수 sum을 통해 함수를 참조할 수 있음). 또한, 다른 변수를 선언할 때와 마찬가지로 함수 끝에 세미콜론이 있다는 점에 유의하세요.

함수를 정의하는 마지막 방법은 Function 생성자를 사용하는 것입니다. 함수 생성자는 여러 매개변수를 허용할 수 있지만 마지막 매개변수는 항상 함수 본문으로 간주되며 이전 매개변수는 새 함수의 매개변수를 열거합니다. 아래 예:

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

var sum=new Function("num1","num2","return num1 num2");//권장하지 않음

기술적인 관점에서 보면 함수 표현입니다. 그러나 이 구문을 사용하면 코드가 두 번 구문 분석되어(첫 번째는 일반 ECMAScript 코드를 구문 분석하고 두 번째는 생성자에 전달된 문자열을 구문 분석) 성능에 영향을 주기 때문에 함수를 정의하는 데 이 방법을 사용하지 않는 것이 좋습니다. 그러나 이 구문은 "함수는 객체이고 함수 이름은 포인터이다"라는 개념을 이해하는 데 매우 직관적입니다.

함수 이름은 단순히 함수에 대한 포인터이므로 함수 이름은 객체 포인터를 포함하는 다른 변수와 다르지 않습니다. 즉, 다음 예와 같이 함수에 여러 이름이 있을 수 있습니다.

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

함수 합계(숫자1,숫자2)
{
num1 num2 반환;
}
경고(합계(10,10));//20
var anotherSum=sum;
Alert(anotherSum(10,10));//20
합계=null;
Alert(anotherSum(10,10));//20

위 코드는 먼저 두 값의 합을 구하는 데 사용되는 sum()이라는 함수를 정의합니다. 그런 다음 anotherSum 변수가 선언되고 sum() 동등성으로 설정됩니다(sum 값을 anotherSum에 할당). 괄호 없이 함수 이름을 사용하면 함수를 호출하는 것이 아니라 함수 포인터에 액세스합니다. 이때 anotherSum과 sum은 동일한 함수를 가리키므로 anotherSum()도 호출하여 결과를 반환할 수 있습니다. sum이 null로 설정되어 함수에서 "연결이 끊어지더라도" anotherSum()을 호출하는 것은 여전히 ​​정상적인 것으로 입증됩니다.

이상 내용이 이 글의 전체 내용입니다. 자바스크립트를 배우시는 모든 분들께 도움이 되었으면 좋겠습니다.

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