Задать вопрос
JackShcherbakov
@JackShcherbakov
javascript

Как получить доступ к свойству объекта, из свойства-функции этого самого объекта, которая является обработчиком события?

Имеется:
<body>
  <div id="user2" style="width:500px; height: 250px; background-color: red"></div>
</body>
<script>
  let user = {
      age:24,
    onclick : function(e){
      console.log(this.age);
      console.log(e.currentTarget);
    }.bind(this)
  }
  user2.addEventListener("click", user.onclick)
</script>

Функция-обработчик является свойством объекта user. При клике мне нужно получить возвраст пользователя и объект, который вызвал событие (в моем случае это DIV). Обращаться к user напрямую нельзя. То есть вот этот код проблему не решает:
...
  let user = {
      age:24,
    onclick : function(e){
      console.log(user.age); //так нельзя
      console.log(e.currentTarget);
    }.bind(this)
  }
...
  • Вопрос задан
  • 57 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
SPAHI4
@SPAHI4
реактовцы - это не девы, а прокидыватели пропсов 
class User {
  constructor(age) {
    this.age = age;
  }

  onClick(event) {
    alert(this.age);
  }

// если используется babel, то
  onClick = event => {
    alert(this.age);
  }
}

let user = new User(24);
document.querySelector("#user2").addEventListener("click", user.onClick.bind(user));
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Поправить сайт (мобильная версия) на WordPress
24 нояб. 2024, в 04:16
5000 руб./за проект
Необходимо поменять пароль в WINDOWS
24 нояб. 2024, в 03:11
500 руб./за проект
Требуется консультация по UX-дизайну казино
24 нояб. 2024, в 01:35
5000 руб./за проект
Ещё заказы