JavaScript Whitespace Syntax Error

Question

Dlaczego to spowodować błąd składni instrukcji return:

var FOO = (function($) 
{ 
    return 
    {  
     init: function() 
     { 

     } 
    } 
})(jQuery); 

niniejsza nie:

var FOO = (function($) 
{ 
    return {  
     init: function() 
     { 

     } 
    } 
})(jQuery); 

Dlaczego istnieje różnica?

Answer 1

Tu nie chodzi o białą przestrzeń, chodzi o automatyczne wstawianie średnika przez JavaScript.

specyfikacji ECMAScript mówi

Pewne ECMAScript oświadczenia (pusty oświadczenie, zmienna oświadczeniu rachunku wypowiedzi, do-while oświadczeniu kontynuować oświadczenie, break oświadczenie, instrukcja return i rzucać oświadczenie) musi zakończone średnikami . Takie średniki mogą zawsze pojawiać się jawnie w tekście źródłowym. Dla wygody jednak takie średniki można w pewnych sytuacjach pominąć w źródłowym tekście . Te sytuacje są opisane przez , mówiąc, że średniki są automatycznie wstawiane do źródła kodu źródłowego kodu w tych sytuacjach.

Oznacza to, że Twój kod

var FOO = (function($) 
{ 
    return 
    {  
     init: function() 
     { 

     } 
    } 
})(jQuery); 

pobiera tłumaczone jako

var FOO = (function($) 
{ 
    return; // <- JavaScript will insert a semicolon here. 

    {  
     init: function() 
     { 

     } 
    } 
})(jQuery); 

So FOO będzie niezdefiniowana po funkcja jest wykonywana.

Dla twojego innego kodu, JS nie wstawi żadnego średnika i będzie działało poprawnie JS wstawi średnik po twoim dosłownym obiekcie i powinien działać poprawnie. [EDYCJA: Korekta jak wskazano przez kagnax]

Oznacza to, że zawsze powinieneś wypowiedzieć swoje instrukcje średnikiem. Pozwolenie wstawieniu średnika silnika JS może wprowadzać bardzo subtelne błędy, które wymagałyby wielu godzin debugowania. Możesz użyć narzędzia takiego jak JSLint, które będzie ostrzegać o brakujących średnikach.