Это он тебе сказал отменять запросы?

+

не ну справедливости ради, этот способ работает) осталось только все красиво сделать

Что скажешь по предложенному мною выше способу?

попробую объяснить что мне нужно:
есть библиотека axios, в ней присутствует возможность отменять запрос, но она слишком топорная, нужно передавать cancelToken потом где-то его ловить
я хочу сделать единую точку входа, чтобы можно было любой запрос отменить, для этого хочу реализовать класс

export default class PromiseApi extends Promise {
  constructor(callback, requestSource) {
    super(callback);
    this.requestSource = requestSource;
  }

  cancel(message = '') {
    this.requestSource.cancel(message);
  }
};

И использовать его как-то так:

get(url, params = {}) {
    const CancelToken = Axios.CancelToken;
    let requestSource = CancelToken.source();

    return new PromiseApi((resolve, reject) => {
      Axios
          .get(url, {
            params: params,
            cancelToken: requestSource.token
          })
          .then(response => resolve(response.data))
          .catch(err => reject(err))
    }, requestSource);

как внутри (resolve, reject) получить доступ к this promiseApi?

Кстати, ты мог бы передавать callbak.bind(this);, но при этом придëтся использовать обычную функцию и, если тебе понадобится this того места, где ты работаешь, придëтся по старинке создать переменную, хранящую this, и обращаться к ней.

Кстати, ты мог бы передавать callbak.bind(this);, но при этом придëтся использовать обычную функцию и, если тебе понадобится this того места, где ты работаешь, придëтся по старинке создать переменную, хранящую this, и обращаться к ней.

Я что-то пока не могу врубить в это:

class MyPromise extends Promise {
  constructor(callback, requestSource) {
    super(callback);
    console.log(requestSource);
    this.requestSource = requestSource;
  }

  cancel() {
    return 'cancel';
  }
}

let myPromise = new MyPromise((resolve, reject) => {
  setTimeout(() => {
    resolve(42)
  }, 1000)
}, 10);

console.log(myPromise.then(result => console.log(result)));

конструктор вызывается два раза! Как только убираю then в самом низу - вызывается один раз

ты зачем в промайс полез?

Я что-то пока не могу врубить в это:

class MyPromise extends Promise {
  constructor(callback, requestSource) {
    super(callback);
    console.log(requestSource);
    this.requestSource = requestSource;
  }

  cancel() {
    return 'cancel';
  }
}

let myPromise = new MyPromise((resolve, reject) => {
  setTimeout(() => {
    resolve(42)
  }, 1000)
}, 10);

console.log(myPromise.then(result => console.log(result)));

конструктор вызывается два раза! Как только убираю then в самом низу - вызывается один раз

ты зачем в промайс полез?

ProMy’s? 😵

промис?

Он не вызывается дважды.