Javascript Zamknięcie anonimowe

Question

Przeczytałem dużo o zamknięciach w JavaScript Co to są szelki dla? czytałem na mozilla.org który mówi zamknięcie powinno być zdefiniowane jako

(function(){...})();

ale na http://www.adequatelygood.com/JavaScript-Module-Pattern-In-Depth.html, to mówi, że funkcja zamknięcia jest

(function(){...}());

Co za różnica czy ten ostatni jest nie tak? jaki jest cel ostatniego()? Czy wstawiłbyś jakieś parametry? Szukam dobrego odniesienia.

Edit: Ponadto, jest przykładem na Mozilla.org

var makeCounter = function() { 
var privateCounter = 0; 
    function changeBy(val) { 
    privateCounter += val; 
    } 
    return { 
    increment: function() { 
     changeBy(1); 
    }, 
    decrement: function() { 
     changeBy(-1); 
    }, 
    value: function() { 
     return privateCounter; 
    } 
    } 
}; 

dlaczego średnik jest potrzebny do tego 'funkcja'? Jeśli trzeba go wywołać natychmiast po deklaracji, a() należy umieścić przed średnikiem końcowym. Ale nie ma.

Answer 1

Składnia

(function(){...})() 

jest po prostu natychmiast wywoływana funkcja anonimowa. Nie ma znaczenia, w jaki sposób używasz nawiasów, ponieważ kod źródłowy jest zadeklarowaną funkcją i wywoływany.

Zamknięcia zamiast tego są używane do opisania sytuacji, w której funkcja ma dostęp do zmiennych zadeklarowanych poza jego zakres, dostępną poprzez zamknięć

Dla jasności:

Jeśli mamy następującą funkcję

function hello() { 
     alert("Hello"); 
    } 

Możemy nazwać funkcję z następującym

hello() 

Który wywołuje funkcję "cześć". Ale jeśli nie chcemy, aby nadać mu nazwę, ale nadal powoływać się, a potem możemy zrobić

(function hello() { 
    alert("Hello"); 
})() 

Który zrobi dokładnie to samo jak w poprzednim przykładzie wywołanie hello

Jednak w tym scenariuszu nie ma sensu dając funkcja nazwę „cześć”, więc może po prostu usunąć go:

(function() { 
    alert("Hello"); 
})() 

który jest notacja stosowana w oryginalnym pytanie.

Answer 2

Nie ma różnicy. Można również zrobić tak:

true && function(){ /* code */ }(); 
0,function(){ /* code */ }(); 

!function(){ /* code */ }(); // Facebook style 
~function(){ /* code */ }(); 
-function(){ /* code */ }(); 
+function(){ /* code */ }(); 

// with new  
new function(){ /* code */ } 
new function(){ /* code */ }() // if you need arguments then use brackets 

Answer 3

Twój przykład pokazuje Immediately Invoked Function Expression lub Iife.Mówi do tłumacza:

• tutaj jest funkcją
• to nie ma nazwy
• trzymać go z dala od zasięgu globalnym tj „window”
• nazywamy go teraz

Tak , możesz umieścić parametry wewnątrz ostatniego(). Na przykład:

(
    function(username){ 
     alert("Hello " + username); 
    } 
)("John Smith") 

Closures są cechą JavaScript, który pozwala nam na realizację data hiding który jest mniej więcej odpowiednikiem zmiennych prywatnych w językach takich jak C++ lub Java.

function getBmiCalculator(height, weight) { 
    // These are private vars 
    var height = height; 
    var weight = weight; 

    function calculateBmi(){ 
     return weight/(height * height); 
    } 
    return calculateBmi; 
} 

var calc = getBmiCalculator(1.85, 90); 

// calc still has access to the scope where height and weight live. 
var bmi = calc(); 
alert(bmi); 

W tym przykładzie, wysokość & ciężar nie może być porządkowania pamięci, dopóki obliczona zostaje zniszczona. Sekcja pamięci lub "zakresu", w którym istnieje masa o wysokości &, to "Zamknięta"

Answer 4

operator grupujący może otaczać opis funkcji jako bez nawiasów połączeń, a także w nawiasach połączeń. To znaczy. Poniższe oba wyrażenia są poprawne FE:

 (function() {})(); 
     (function() {}()); 

Function Expression