JavaScript 익명 함수 식 대 IIFE

Question

일반 함수가 아닌 표현식에서 IIFE를 사용하는 일부 코드가 발생했습니다. 인생에 대한 이유는 무엇

var custom_type = function() { 
    return $('#myDiv').attr('custom_type'); 
}; 

:

var custom_type = (function() { 
    return $('#myDiv').attr('custom_type'); 
})(); 

일반적으로 내가 좋아하는 무언가로 이것을 쓰는 것? 내가 생각할 수있는 유일한 점은 IIFE가 처음에 custom_type 변수를 한 번만 할당하는 반면, 두 번째 변수는 변수가 참조 될 때마다 업데이트 된 유형을 계속 확인합니다.

Answer 1

, 당신은 완전히 기능을 생략하고 바로 수행 할 수 있습니다

은 일반적으로 그러나

var custom_type = $('#myDiv').attr('custom_type'); 

당신이 변수 할당의 더 복잡한 "적시"계산을 위해 목숨을 사용할 수 있습니다 - 내가 좋아하는 무언가를 반복 할 필요가있을 때 사용하기 때문에 현재 범위를 오염시키지 않고 i을 가질 수 있습니다. 두 번째 예에서

는하지만, 결과는 완전히 다른 - 당신은 코드의 첫 번째 조각이 한 번 그 가치를 얻을 것이다, 반면 현재 값을 가져 전화 기능 custom_type()에 필요하고 변수 것 그 가치를 유지할 것입니다.

Answer 2

실제로 (즉시 호출되는 함수 표현식) IIFE가 실행되므로 변수가 응답으로 설정됩니다. http://jsfiddle.net/Y4JmT/1/

코드 여기 :

iife = foo 

: 당신이 비슷한을 볼 수 있습니다 당신의 JS 콘솔에서

var custom_type = (function() { 
    return 'foo'; 
})(); 

var custom_type2 = function() { 
    return 'bar'; 
}; 

console.log('iife = ' + custom_type); 
console.log('non-iife = ' + custom_type2); 

여기이를 보여주기 위해 JSFiddle의 출력에 대한 JS 콘솔을보고

및

non-iife = function() { 
    return 'bar'; 
} 

이 예에서210

Answer 3

첫 번째 사용자 (IIFE)가 함수를 실행하고 그 결과를 저장하면 초가 함수를 정의로 저장합니다. 당신은 정상 funciton에 같은 호출하고 있습니다

(function(x) { 
    return x * 2; 
})(5); 

: 대신 함수 이름, FUNC (ARG1, ARG2는) 당신은 전체 함수 정의를 전달하기 때문에 위의 반환 같은 :

function multiply(x) { 
    return x * 2; 
} 

multiply(5); 

그들은 같은 것을 의미합니다. 전화를 걸고 있습니다. 첫 번째 가능성은 낮지 만 두 번째 정의는 호출에 더한 것입니다.

Answer 4

IIFE를 사용하면 생성 지점에서 (익명 또는 다른 방법으로) 함수를 호출 할 수 있습니다. 이것을 보셨습니까? http://benalman.com/news/2010/11/immediately-invoked-function-expression/