Biểu thức hàm ẩn danh JavaScript vs IIFE

Question

Đã gặp phải một số mã đang sử dụng IIFE trong biểu thức chứ không chỉ là hàm bình thường.

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

Thông thường tôi sẽ viết những dòng này như một cái gì đó như:

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

là gì lý do IIFE? Điều duy nhất tôi có thể nghĩ là IIFE có thể gán biến số custom_type chỉ một lần khi bắt đầu trong khi thứ hai có thể tiếp tục kiểm tra loại cập nhật mỗi khi biến được tham chiếu.

Answer 1

Trong ví dụ này, bạn có thể phân chia với các chức năng hoàn toàn và chỉ cần làm:

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

Tuy nhiên nói chung bạn có thể sử dụng một IIFE cho phức tạp hơn "just-in-time" tính toán của các bài tập biến - Tôi thích để sử dụng chúng nếu tôi cần lặp lại thứ gì đó, vì vậy tôi có thể có i mà không gây ô nhiễm phạm vi hiện tại.

Trong ví dụ thứ hai của bạn, tuy nhiên, kết quả là hoàn toàn khác nhau - bạn sẽ cần phải gọi chức năng custom_type() để có được những hiện giá trị, trong khi phần đầu tiên của mã sẽ nhận được giá trị của nó một lần, và biến sẽ giữ giá trị đó.

Answer 2

IIFE sẽ thực sự chạy (biểu thức hàm được gọi ngay lập tức), do đó biến sẽ được đặt thành phản hồi của nó.

Dưới đây là một JSFiddle để chứng minh điều này, xem console JS của bạn cho kết quả: http://jsfiddle.net/Y4JmT/1/

Mã đây:

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

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

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

Trong giao diện điều khiển JS của bạn, bạn sẽ thấy một cái gì đó tương tự như:

iife = foo 

và

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

Answer 3

Đầu tiên của bạn (IIFE) thực hiện chức năng và lưu trữ kết quả của nó, các giây lưu trữ chức năng như định nghĩa.

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

Bạn đang thực hiện cuộc gọi như để funciton bình thường: func (arg1, arg2), nhưng thay vì tên hàm bạn vượt qua toàn bộ định nghĩa hàm, do đó trên sẽ trở như:

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

multiply(5); 

Chúng có nghĩa giống nhau, bạn đang thực hiện cuộc gọi. Không chắc chắn, thứ hai là định nghĩa cộng với một cuộc gọi.

Answer 4

IIFE cho phép bạn gọi hàm (ẩn danh hoặc cách khác) tại thời điểm tạo. Bạn đã xem cái này chưa? http://benalman.com/news/2010/11/immediately-invoked-function-expression/