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

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

WBOY
풀어 주다: 2016-05-16 15:17:57
원래의
1166명이 탐색했습니다.

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에서 익명 함수를 호출하고 작성하는 방법을 공유했습니다. 도움이 되길 바랍니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿