js에서 함수를 선언하는 네 가지 방법

이번에는 js에서 함수를 선언하는 네 가지 방법을 알려드리겠습니다. js에서 함수를 선언할 때 주의사항은 무엇인가요?

함수, 아래는 가능한 용도와 이들 간의 관계입니다.

사용 방법 1:

var foo01 = function() {   
    var temp = 100;       
    this.temp = 200;       
    return temp + this.temp;   
}   
alert(typeof(foo01));   
alert(foo01());

실행 결과: 함수 300

설명: 함수를 사용하는 가장 일반적인 방법은
JavaScript 함수를 정의하는 것입니다. 두 가지 쓰기 방법은 정확히 동일한 작동 효과를 갖지만 유일한 차이점은 후자의 쓰기 방법이 초기화 우선 순위가 더 높다는 것입니다. 크게 확대된 기호 안의 변수 범위에서는 window 객체인 foo01의 소유자를 나타냅니다.

사용 방법 2:

var foo02  =  new function() {    var temp  =  100;    this.temp  =  200;       
    return  temp  +  this.temp;   
}   
console.log( typeof( foo02 ) );   //'object'console.log( foo02.constructor() ); //300

작업 결과: 객체 300

설명: 이것은 함수인 것 같은 비교적 퍼즐적인 함수 방법입니다. 하지만 실제로 이것은 JavaScript의 사용자 정의 개체이지만 여기서는 익명 클래스입니다. 이 사용법은 기본적으로 함수 자체의 사용과 관련이 없습니다. 변수 범위는 큰 확장 기호에 구성되며 이는 범위 자체를 나타냅니다.

방법 3 사용:

var foo3  =  new Function('var temp = 100; this.temp = 200; return temp + this.temp;');   
alert( typeof( foo3 ) );   
alert( foo3() );

실행 결과: 함수 300

설명: 시스템
내장 함수 개체를 사용하여 함수를 빌드합니다. 이는 효과 및 초기화 측면에서 방법 1의 첫 번째 방법과 완전히 동일합니다. 즉, 함수 본문이 문자열 형식으로 제공됩니다.

사용 방법 4:

var foo4 = Function('var temp = 100; this.temp = 200; return temp + this.temp;');   
alert( typeof( foo4 ) );   
alert( foo4() );

실행 결과: function 300

설명: 이 방법은 일반적으로 사용되지 않으며 효과는 방법 3과 동일하지만 new를 사용하지 않을 때 부작용이 있는지는 확실하지 않습니다. 이를 생성합니다. 이는 또한 JavaScript의 가장 큰 특징을 반영합니다: 유연성! 가능한 한 저장하세요.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 자료:

Vue 목록 렌더링에 대한 자세한 설명

4a249f0d628e2318394fd9b75b4636b1 및 단락e388a4556c0f65e1904146cc1a846bee을 사용하여 Sanmao 인용문 작성

HTML 인라인 스타일 개선 "Sanmao Classic Quotation"

JS 기능 심층 분석

위 내용은 js에서 함수를 선언하는 네 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!