>  기사  >  웹 프론트엔드  >  JavaScript: 새로운 함수와 함수를 직접 호출하는 것의 차이점 분석_javascript 기술

JavaScript: 새로운 함수와 함수를 직접 호출하는 것의 차이점 분석_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:29:191025검색
코드 복사 코드는 다음과 같습니다.

function Test() {
 this.name = 'Test' ;
 return function() { return true; }
}

var test = new Test(); // 여기서는 테스트가 무엇인가요?
테스트 대상인가요? 잘못된! 여기서 test는 Test에서 반환된 function() { return true }입니다. 이때 new Test()는 Test()와 동일합니다. new Test() == Test()를 사용하여 둘이 동일한지 확인하면 false가 반환됩니다. 함수와 객체 비교를 위한 Javascript는 참조를 기반으로 하기 때문입니다.
위 상황에서 둘의 차이점을 보다 명확하게 구분하기 위해 계속해서 다음 코드를 살펴보시기 바랍니다.
코드 복사 코드는 다음과 같습니다.

function Test() {
this.name = 'Test'
return 'Test'; var fnT = Test();
var newT = new Test();


 물론 fnT는 문자열 Test입니다. newT는 어떻습니까? 하하, 첫 번째 예시 때문에 헷갈리셨나요? 실제로 newT는 현재 Test 개체입니다. 값이 Test 문자열인 name이라는 속성이 있습니다.
위의 두 코드에서 함수 반환 값이 일반적인 의미(숫자, 문자열, 부울)의 값 유형인 경우 새 함수는 함수의 인스턴스 개체를 반환합니다. 함수가 참조 유형(Object, Array, Function)을 반환하는 경우 새 함수는 함수를 직접 호출하는 것과 동일한 결과를 생성합니다. 이는 Test 함수에서 다양한 유형의 값을 반환하여 테스트함으로써 확인할 수 있습니다.
실제로 이 점을 구별하는 것이 매우 중요합니다. 적어도 일부 객체 지향 프레임워크 클래스 라이브러리 코드를 볼 때 혼란이 덜할 것입니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.