ReadyStady,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<button class="TestButton" data-test="TestValue">Тестовый клик</button>
<script>
class Test{
constructor(){
this.someParam = '123';
this.elementsome = $('.TestButton');
this.initEvent();
}
// Прикручиваем слушатель событий
initEvent(){
var someVar = 'Test'; // Как передать значение внешней переменной в контексте события клика на элементе (кнопка)
this.elementsome.on('click', {someParam : this.someParam, someVar : someVar},function(event){
console.log($(this).data('test')); // Получаем "TestValue"
console.log(event.data.someVar); // Сейчас сюда передается некий объект. Предполагалось, что здесь будет значение "Test"
console.log( event.data.someParam ); // Как получить значение этого свойства при запуске данной функции?
}
);
}
}
new Test();
</script>
</body>
</html>