[JavaScript][CoffeeScript] Degisken/Fonksiyon Etki Alanlari

1_scope.js

$('#menu a').click(function(event)
{
  // $(this)
  // Bize '#menu a'ya ait tiklanmis olan elementi gosterecektir.

  $('#menu li').each(function(index)
  {
    // $(this)
    // Bize '#menu li'ye ait elementleri isaret edecektir.
  });
});

2_scope.js

$('#menu a').click(function(event)
{
  $me = $(this);

  $('#menu li').each(function(index)
  {
    // $(this)
    // Bize '#menu li'ye ait elementleri isaret edecektir.
    
    //$me
    // Bize '#menu a'ya ait tiklanmis olan elementi gosterecektir.
  });
});

3_scope.coffee

Account = (customer, cart) ->
  @customer = customer
  @cart = cart

  $('.shopping_cart').bind 'click', (event) ->
    # Burada @ bize bind'in icerisindeki 'this'e yonlendirecek,
    # haliyle asagidaki degiskenler hata verecektir. Cunku
    # bind'in icerisinde bunlar tanimli degil!
    @customer.purchase @cart

4_scope.coffee

Account = (customer, cart) ->
  @customer = customer
  @cart = cart

  $('.shopping_cart').bind 'click', (event) =>
    # -> yerine => kullandiktan sonra CoffeeScript artik @ 'i
    # kullandigimizda bind'e degil, sinifin kendisine atif yapacaktir.
    # yani artik degiskenlerimiz sinifta tanimli oldguklarindan dolayi
    # artik erisilebilir durumda olacaktirlar.
    @customer.purchase @cart
    
    # Peki ya burada bind'in kendisine atif yapmak icin ne gerekli?
    # Uzuuun uzun 'this' yazilmasi gerekli. Biliyorum Coffee'nin
    # kisa sozdizimine alistiktan sonra buyuk bir zulum bu ancak
    # mecburiyet... :)