Почему this равен undefined?

Question

[Neuro]

Есть функция такого типа:

'use strict';

function downloadExcel(url) {
  const loginModel = CM.getModule('login').model;

  return new Promise(function(resolve, reject) {
    $.get({
      url: url,
      beforeSend: (request) => {
        request.setRequestHeader('Authorization', loginModel.getToken());
      },
      xhrFields: {
        responseType: 'blob'
      },
      // this === undefined ??
      success: fetchSuccess.bind(this, content, resolve),
      error: (error) => {
        console.log(error);
        reject(error);
      }
    })
  })
}

function fetchSuccess(content, resolve) {
  console.log(this);
  downloadLink.download = "data.xls";

  document.body.appendChild(downloadLink);
  downloadLink.click();
  document.body.removeChild(downloadLink);
  resolve();
}

При успешном запросе к серверу, я хочу при помощи .bind передать функции успешного запроса this/content/resolve, но я не могу этого сделать так как this в этой функции равен undefined, и я не могу понять почему.
Может кто то знает как решить эту проблему?

Comments

[Антон Спирин]

А чему вы хотите чтобы был равен this? Сейчас вы получаете контекст вызова экзекутера Promise - undefined. замените экзекутер стрелочной функцией и получите контекст downloadExcel.
Я хз зачем вы вообще поставили тег React. Прямого отношения к React вопрос не имеет.
Если это код React приложения, то это очень плохой код. Он как ни крути плох.

[Neuro]

Антон Спирин, эта функция вызывается в методе реакта,

startDownloadExcel() {
    const {url, setDownloadProgress} = this.props;

    downloadExcel(url)
      .then(() => {
        setDownloadProgress(false);
      })
      .catch((error) => {
        setDownloadProgress(error);
      })
  }

  componentWillMount() {
    this.startDownloadExcel()
  }

[Антон Спирин]

Neuro, вы что контекстом получить пытаетесь и зачем вам вообще понадобилось его использование в fetchSuccess?

Answer 1

[0xD34F]

Потому что

'use strict';

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Может кто то знает как решить эту проблему?

Это не проблема. Всё так, как и должно быть.

Answer 2

[Neuro]

success: fetchSuccess.bind(this, resolve),

Answer 3

[Александр]

Доброго дня!

Чтобы в литерале объекта сохранить this, надо использовать функцию-метод, при этом bind меняем на call:

$.get({
      ...
      // this === undefined ??
      success(content){
         fetchSuccess.call(this, content, resolve)
      }
      ...
    })