(function() {})() / jQuery

[Hallowelt]

Hallo

Ich programmiere zwar schon recht lange, auch in Javascript. Arbeite gerade die JQuery-Einführung durch und da bin ich auf zwei Konstrukte gestossen, die mir komplett fremd sind.

1. Wie funktioniert der folgende Code? Bzw. was bedeutet er? Insbesondere verstehe ich nicht, was die Konstruktion aus Bezeichner ($) und den folgenden Klammern soll.

  
// Shorthand for $( document ).ready()  
$(function() {  
  console.log("ready!");  
});  

2. Wozu dienen hier die Klammern ganz am Schluss?

  
// An immediately-invoked function expression  
(function() {  
  
  var foo = "Hello world";  
  
})();  
  
console.log( foo );   // undefined!  

Gruss und vielen Dank! :-)