duda entre variable global y local

Código Javascript :

<script>

   $('#button').click(function() {
      containerWidth = $('#container').width();
   });

   console.log(typeof containerWidth, containerWidth);

</script>

Código HTML :

<script>
   var containerWidth; // Define la variable Global
   $('#button').click(function(e) {
      containerWidth = $('#container').width(); // Generando contenido a la variable local
      console.log(typeof containerWidth); // number
      otra = 'Hola'; // Variable Global
      var otra1 =  'Hola1'; // Variable Local
      console.log( typeof otra); // string
   });
   console.log(typeof containerWidth); // undefined
   console.log( containerWidth); // 960
   console.log(otra); // undefined
   console.log(otra1); // undefined
</script>

Código Javascript :

var containerWidth;

$('#button').click(function() {
      containerWidth = $('#container').width();
   });

   console.log(typeof containerWidth, containerWidth);

SinSemilla escribió:

var containerWidth;

$('#button').click(function() {
      containerWidth = $('#container').width();
   });

   console.log(typeof containerWidth, containerWidth);

Código Javascript :

var containerWidth;

$('#button').click(function() {
      containerWidth = $('#container').width();
      console.log(typeof containerWidth, containerWidth);
   });

Código Javascript :

console.log( containerWidth); // 960

walden escribió:

var containerWidth;

$('#button').click(function() {
      containerWidth = $('#container').width();
   });

   console.log(typeof containerWidth, containerWidth);

walden escribió: