0

И если это список, то почему он создаётся как переменная?

И как это работает тогда?

function Menu(elem) {
  this.save = function() {
    alert('сохраняю');
  };
  this.load = function() {
    alert('загружаю');
  };
  this.search = function() {
    alert('ищу');
  };

  var self = this;

  elem.onclick = function(e) {
    var target = e.target;
    var action = target.getAttribute('data-action');
    if (action) {
      self[action]();
    }
  };
}

new Menu(menu);
<div id="menu">
  <button data-action="save">Сохранить</button>
  <button data-action="load">Загрузить</button>
  <button data-action="search">Поиск</button>
</div>

1 ответ 1

2

Смотрите, к св-ву/методу объекта можно обратиться двумя способами

1 - через точку ( дот нотация )

const a = {
  method: (str) => alert(str),
  prop: 'prop'
}
a.method(a.prop);

2 - через скобки квадратные

const a = {
  method: (str) => alert(str),
  prop: 'prop'
}
a['method'](a['prop']);

Раз во втором варианте используется строчка, то мы эту строку можем сохранить в переменную

const a = {
  method: (str) => alert(str),
  prop: 'prop'
}
const action = 'method';
a[action](a['prop']); // передали именно переменную, которая вернула нужный метод/св-во

В вашем коде как раз это и происходит, getAttribute возвращает значение атрибута в виде строки, которую мы дальше используем, что бы вызвать нужный метод объекта

2
  • А в моём случае,self это переменная в которую мы сохраняем атрибуты в виде строки,но это же не объект 25 дек 2018 в 20:32
  • всё я разобрался, спасибо! 25 дек 2018 в 20:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.