function, new function, new Function_javascript 스킬의 차이점

Function은 JavaScript에서 매우 중요한 언어 요소로 function 키워드와 내장 객체 Function을 제공합니다. 다음은 가능한 사용법과 이들 간의 관계입니다.

방법 1:

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

var foo01 = function() //또는 fun01 = function()
{
var temp = 100;
this.temp = 200
return temp this.temp; >
경고(typeof(foo01));
경고(foo01());

실행 결과:
함수

300 함수를 사용하는 가장 일반적인 방법은 자바스크립트 함수. 두 가지 쓰기 방법은 정확히 동일한 작동 효과를 갖지만 유일한 차이점은 후자의 쓰기 방법이 초기화 우선 순위가 더 높다는 것입니다. 큰 확장 기호 내의 변수 범위에서는 창 개체인 foo01의 소유자를 나타냅니다.

방법 2:

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

var foo02 = new function()

{
var temp = 100;
this.temp = 200;
return temp this.temp;

경고(typeof (foo02); 하지만 실제로 이것은 JavaScript의 사용자 정의 개체이지만 여기서는 익명 클래스입니다. 이 사용법은 기본적으로 함수 자체의 사용과 관련이 없습니다. 변수 범위는 큰 확장 기호에 구성되며 이는 범위 자체를 나타냅니다.

방법 3:

코드 복사


코드는 다음과 같습니다.

var foo3 = new 함수('var temp = 100; this.temp = 200; return temp this.temp;') 경고(typeof(foo3)) 경고

실행 결과: 함수

300 시스템에 내장된 함수 개체를 사용하여 함수를 구성합니다. 이는 효과 및 초기화 우선 순위, 즉 함수의 측면에서 방법 1의 첫 번째 방법과 완전히 동일합니다. 본문은 문자열 형식으로 제공됩니다.

방법 4:

코드 복사


코드는 다음과 같습니다.

var foo4 = Function('var temp = 100; this.temp = 200; return temp this.temp;') 경고(typeof(foo4)) 경고(foo4());

실행 결과:

function
300 이 방법은 일반적으로 사용되지 않습니다. 효과는 방법 3과 동일하지만 new를 사용하지 않을 경우 부작용이 있는지는 확실하지 않습니다. 이는 JavaScript의 가장 큰 단점 중 하나인 유연성을 반영합니다. 가능한 한 저장하세요.

함수 초기화 우선순위 문제에 대해서는 "JS 클래스 정의 프로토타입 메소드의 두 구현 간의 차이점"이라는 답변을 참조할 수 있습니다.