1

К сожалению, не могу продемонстрировать код в работе, так как здесь осуществляется работа с сервером с помощью ajax. Упрощенный пример.

Данный вариант работает:

$('.form').submit(function() {

  var data = { /*...*/ };

  // Сработает в случае успеха
  var done = () => console.log(this); // <form></form>

  $.post(vus.ajaxurl, data, done);

  return false;
});

А этот вариант не работает:

// Сработает в случае успеха
var done = () => console.log(this); // undefined

$('.form').submit(function() {

  var data = { /*...*/ };

  $.post(vus.ajaxurl, data, done.bind(this));

  return false;
});

Я не могу понять, почему? Я же создаю новую функцию, с помощью bind и привязываю контекст. Почему это не работает?

2
  • 1
    Потому что вы используете стрелочные функции, а у них отсутствует контекст this, скорее всего, если вы опишите функцию как var done = function(){...} то все заработает. Commented 16 мая 2018 в 12:11
  • 1
    А знаете, Вы правы! Сделайте это ответом, я отмечу
    – Igor
    Commented 16 мая 2018 в 12:31

1 ответ 1

2

Проблема заключается в том, что стрелочные функции не имеют контекста this.

Если переписать объявление функции done следующим образом, то должно заработать.

 var done = function(arg) {
     ...
 }

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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