JS의 기능 이해에 대한 간략한 분석

텍스트: js에서 함수는 실제로 객체라는 것을 알고 있습니다. 각 함수는 Function 유형의 인스턴스이며 다른 참조 유형과 동일한 속성 및 메서드를 갖습니다. 따라서 함수 이름은 실제로 함수 객체에 대한 포인터이며 함수에 묶여 있지 않습니다. 두 가지 일반적인 정의 방법(아래 참조) 외에도 이 개념을 보다 직관적으로 반영할 수 있는 또 다른 정의 방법이 있습니다.

var sum = new Function("num1", "num2", "return num1 + num2"); //不推荐

Function의 생성자는 모든 숫자 매개변수를 받을 수 있지만 마지막 매개 변수는 항상 기능 본문으로 간주됩니다. 이 방법의 한 가지 단점은 코드가 두 번 구문 분석된다는 것입니다. 첫 번째는 기본 ES 코드를 구문 분석하고 두 번째는 생성자에 전달된 문자열을 구문 분석하는 것입니다. 이로 인해 성능이 저하됩니다. . 여기에 쓰기는 JS의 기능이 실제로 객체라는 개념을 이해하는 데 도움이됩니다.

(1) js 함수에는 오버로딩이라는 개념이 없습니다

오버로딩의 개념을 말하자면, 자바에서 오버로딩이 구현되는 방식과 비교해 보겠습니다. 자바에서는 메소드를 통해 메소드가 구현됩니다. 서명은 방법을 고유하게 식별합니다. 메소드 서명에는 메소드 이름, 매개 변수 수, 매개 변수 순서 및 매개 변수 유형이 포함됩니다. 따라서 두 메서드의 메서드 이름은 동일하지만 다른 시그니처 요소가 다른 경우 컴파일러는 이를 두 개의 다른 메서드로 간주하여 동일한 이름을 가진 다른 메서드가 존재할 수 있도록 하여 오버로드 개념을 실현합니다. (인용 : JS에 과부하가 발생하지 않는 이유를 깊이 이해하는 방법 -Segmentfault에서 Manxisuo의 답변).

위에서 말했듯이 js의 함수 이름은 실제로 함수 개체에 대한 포인터입니다. 따라서 함수 이름은 함수의 고유 식별자라고 할 수 있습니다. 동일한 이름을 가진 두 함수(포인터는 동시에 하나의 객체만 가리킬 수 있기 때문)에는 오버로딩 개념이 없습니다. 예를 들면:

function sum(num1, num2){
return num1 + num2;
}
function sum(num1, num2, num3){
return num1 + num2 + num3;
}

위의 내용은 더 직관적인 다른 방식으로 작성할 수 있습니다.

var sum = function(num1, num2){
return num1 + num2;
}
sum = function(num1, num2, num3){
return num1 + num2 + num3;
}

위의 줄은 sum을 function(num1,num2)로 가리킨 다음 sum을 function(num1, num2, num3)으로 가리켜 두 번째 포인터가 첫 번째 포인터를 덮어쓰게 하므로 더 명확하게 알 수 있습니다. overloading in js.

(2) 함수 선언과 함수 표현식의 차이점

우리는 함수를 정의하는 데 일반적으로 사용되는 두 가지 방법, 즉 함수 선언과 함수 표현식이 있다는 것을 알고 있습니다.

함수 선언은 다음 예에서 볼 수 있듯이 가장 일반적인 정의 방법이라고 할 수 있습니다.

function sum(num1, num2){
return num1 + num2;
}

함수 표현식, 이 정의 방법은 클로저와 일부 프레임워크에는 Angular의 일반적인 $scope.doSomething = function(){...}과 같은 여러 가지가 있습니다.

sum = function(num1, num2){
return num1 + num2;
};

위의 두 정의 방법은 거의 동일하지만 약간의 차이가 있습니다. 다음 예를 참조하세요.

//函数声明
alert(sum(100, 100));
function sum(num1, num2){
return num1 + num2;
}
//函数表达式
alert(sum(100, 100));
var sum = function(num1, num2){
return num1 + num2;
};

두 코드는 크게 다르지 않은 것 같습니다. 단지 함수가 정의되는 방식만 다릅니다. 그러나 사실 첫 번째 문단은 잘 작동하지만 두 번째 문단에서는 오류가 발생합니다. 이는 코드가 실행되기 전에 파서가 이미 함수 선언 호이스팅이라는 과정을 통해 함수 선언을 읽어 실행 환경에 추가해 놓았기 때문입니다. 간단히 말해서 파서는 소스 트리의 맨 위에 함수 선언을 먼저 배치합니다. 아래 코드에서 함수는 초기화 문에 있습니다(맨 위로 올라오지 않음). 간단히 말해서 할당 문을 실행하기 전에 sum은 어떤 함수도 가리키지 않으므로 이전에 함수를 호출하면 오류가 보고됩니다.

이상은 에디터가 소개한 JS(Basics)의 기능에 대한 이해입니다. 궁금한 사항이 있으면 메시지를 남겨주시면 에디터가 답변해 드리겠습니다. in time. of. 또한 PHP 중국어 웹사이트를 지원해 주신 모든 분들께 감사드립니다!

JS 함수 이해에 대한 더 많은 글은 PHP 중국어 홈페이지를 참고해주세요!