Объясните код пожалуйста

[Zzz_]

<div id="menu">
  <button data-action="save">Нажмите, чтобы Сохранить</button>
  <button data-action="load">Нажмите, чтобы Загрузить</button>
</div>
<script>
function Menu(elem) {
  this.save = function() { alert('сохраняю'); };
  this.load = function() { alert('загружаю'); };
  var self = this;
  elem.onclick = function(e) {
    var target = e && e.target || event.srcElement; // получает элемент по которому кликнули
    var action = target.getAttribute('data-action'); // получает значение аргемента
    if (action) {         //
	  self[action]();   // ВОТ ЗДЕСЬ ЧТО ДЕЛАЮТ и для чего?
    }                        //
  };
}
new Menu(document.getElementById('menu'));
</script>

[wwt]

self[action](); // ВОТ ЗДЕСЬ ЧТО ДЕЛАЮТ и для чего?

вызывается метод полученный из аттрибута data-action

ибо вызовы:

self.save();
self["save"]();

Делают одно и тоже.

массивы в javascript это тоже объекты.

пример:

//массив
var a = [
   function(){return "a1"},
   function(){return "a2"}
];
//или объект
var o = {
   0: function(){return "o1"},
   1: function(){return "o2"},
   o3: function(){return "o3"}
};
alert( a[0]() );//вернет a1
alert( a[1]() );//вернет a2
alert( o[0]() );//вернет o1
alert( o[1]() );//вернет o2
alert( o.o3() );//вернет o3

Edited January 11, 2013 by wwt

[Zzz_]

Спасибо!