웹 프론트엔드 JS 튜토리얼 Javascript(다양한)_javascript 스킬의 익명 함수 호출 및 작성 방법에 대한 자세한 설명

Javascript(다양한)_javascript 스킬의 익명 함수 호출 및 작성 방법에 대한 자세한 설명

May 16, 2016 pm 03:17 PM

Javascript에서 함수를 정의하는 방법은 여러 가지가 있으며, 함수 리터럴이 그 중 하나입니다. 예를 들어 var fun = function(){}에서 함수가 fun에 할당되지 않은 경우 이는 익명 함수입니다. 좋습니다. 익명 함수가 어떻게 호출되는지 살펴보겠습니다.

방법 1, 함수를 호출하고 반환값을 가져옵니다. 강제 연산자는 함수 호출이 실행되도록 합니다.

(function(x,y){
alert(x+y);
return x+y;
}(3,4)); 
로그인 후 복사

방법 2, 함수를 호출하고 반환 값을 가져옵니다. 함수를 강제로 직접 실행시킨 후 참조를 반환하고 그 참조가 호출되어 실행됩니다

(function(x,y){
alert(x+y);
return x+y;
})(3,4); 
로그인 후 복사

이 방법은 jQuery, Mootools 등 많은 라이브러리에서 즐겨 사용하는 호출 방법이기도 합니다.

방법 3, void 사용

void function(x) {
x = x-1;
alert(x);
}(9);
로그인 후 복사

방법 4, -/+ 연산자 사용

-function(x,y){
alert(x+y);
return x+y;
}(3,4);
+function(x,y){
alert(x+y);
return x+y;
}(3,4);
--function(x,y){
alert(x+y);
return x+y;
}(3,4);
++function(x,y){
alert(x+y);
return x+y;
}(3,4); 
로그인 후 복사

방법 5, 물결표(~)를 활용하세요

~function(x, y) {
alert(x+y);
return x+y;
}(3, 4); 
로그인 후 복사

방법 6, 익명 함수 실행은 대괄호 안에 넣습니다

[function(){
console.log(this) // 浏览器得控制台输出window
}(this)] 
로그인 후 복사

방법 7, 익명 함수 앞에 typeof

추가
typeof function(){
console.log(this) // 浏览器得控制台输出window
}(this) 
로그인 후 복사

방법 8, 익명 함수 앞에 delete

추가
delete function(){
console.log(this) // 浏览器得控制台输出window
}(this) 
로그인 후 복사

방법 9, 익명 함수 앞에 void

추가
void function(){
console.log(this) // 浏览器得控制台输出window
}(this) 
로그인 후 복사

방법 10, 새로운 방법을 사용하여 매개변수 전달

new function(win){
console.log(win) // window
}(this) 
로그인 후 복사

방법 11, 새 항목 사용, 매개변수 전달 안 함

new function(){
console.log(this) // 这里的this就不是window了
} 
로그인 후 복사

방법 12, 쉼표 연산자

 function(){
console.log(this) // window
}(); 
로그인 후 복사

모드 13, 비트 XOR 연산자

^function(){
console.log(this) // window
}(); 
로그인 후 복사

방법 14, 비교연산자

function(){
console.log(this) // window
}(); 
로그인 후 복사

드디어 잘못된 호출 방식을 살펴보세요

function(x,y){
alert(x+y);
return x+y;
}(3,4); 
로그인 후 복사

익명 함수를 작성하는 N가지 방법은 다음과 같습니다

익명 함수에는 실제 이름이나 포인터가 없습니다. 어떻게 실행하나요?

익명함수 작성방법은 굉장히 다양해요~

+ 기호는 함수 선언을 함수 표현식으로 변환합니다. 요약

가장 일반적인 사용법:

코드는 다음과 같습니다.

(function() { 
alert('water'); 
})(); 
로그인 후 복사

물론 매개변수도 사용할 수 있습니다.

코드는 다음과 같습니다.

(function(o) { 
alert(o); 
})('water'); 
로그인 후 복사

익명 함수의 체인 콜을 사용하고 싶으신가요? 매우 간단합니다.

코드는 다음과 같습니다.

(function(o) { 
console.log(o); 
return arguments.callee; 
})('water')('down'); 
로그인 후 복사

우리 모두는 일반적인 익명 기능을 알고 있습니다. 흔하지 않은 기능을 살펴보겠습니다.

코드는 다음과 같습니다.

~(function(){ 
alert('water'); 
})();//写法有点酷~ 
로그인 후 복사

코드는 다음과 같습니다.

void function(){ 
alert('water'); 
}();//据说效率最高~ 
로그인 후 복사

코드는 다음과 같습니다.

+function(){ 
alert('water'); 
}(); 
로그인 후 복사

코드는 다음과 같습니다.

-function(){ 
alert('water'); 
}();
로그인 후 복사

코드는 다음과 같습니다.

~function(){ 
alert('water'); 
}();
로그인 후 복사

코드는 다음과 같습니다.

!function(){ 
alert('water'); 
}(); 
로그인 후 복사

코드는 다음과 같습니다.

(function(){ 
alert('water'); 
}());//有点强制执行的味道~
로그인 후 복사

위에서는 Javascript에서 익명 함수를 호출하고 작성하는 방법을 공유했습니다. 도움이 되길 바랍니다.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

JavaScript로 문자열 문자를 교체하십시오 JavaScript로 문자열 문자를 교체하십시오 Mar 11, 2025 am 12:07 AM

JavaScript로 문자열 문자를 교체하십시오

사용자 정의 Google 검색 API 설정 자습서 사용자 정의 Google 검색 API 설정 자습서 Mar 04, 2025 am 01:06 AM

사용자 정의 Google 검색 API 설정 자습서

예제 색상 JSON 파일 예제 색상 JSON 파일 Mar 03, 2025 am 12:35 AM

예제 색상 JSON 파일

8 멋진 jQuery 페이지 레이아웃 플러그인 8 멋진 jQuery 페이지 레이아웃 플러그인 Mar 06, 2025 am 12:48 AM

8 멋진 jQuery 페이지 레이아웃 플러그인

자신의 Ajax 웹 응용 프로그램을 구축하십시오 자신의 Ajax 웹 응용 프로그램을 구축하십시오 Mar 09, 2025 am 12:11 AM

자신의 Ajax 웹 응용 프로그램을 구축하십시오

' this ' 자바 스크립트로? ' this ' 자바 스크립트로? Mar 04, 2025 am 01:15 AM

' this ' 자바 스크립트로?

소스 뷰어와의 jQuery 지식을 향상시킵니다 소스 뷰어와의 jQuery 지식을 향상시킵니다 Mar 05, 2025 am 12:54 AM

소스 뷰어와의 jQuery 지식을 향상시킵니다

모바일 개발을위한 10 개의 모바일 치트 시트 모바일 개발을위한 10 개의 모바일 치트 시트 Mar 05, 2025 am 12:43 AM

모바일 개발을위한 10 개의 모바일 치트 시트

See all articles