Можно в then впихнуть переменную функции?

Question

[PorsheCaren]

Подскажите, в этом коде в методе then(...)(и then это же метод fetch или я не так понял?) указывается переменная, которая равна какой-то функции,чтобы сократить код фетча?
И за что отвечает часть бади и креденшлс?

body: userInfo,
 credentials: 'same-origin',

Код не мой, увидел в старой статье на тостере, но так и не ответили (

fetch('/login', {
      method: 'POST',
      body: userInfo,
      credentials: 'same-origin',
      headers: {
        "Content-Type": "application/json"
      }
    })
    .then(checkStatus)
    .then(parseJSON)
    .then((data) => {
      console.log('request succeeded with JSON response', data);
    }).catch((error) => {
      console.log('request failed', error);
    });

Comments

[Lynn «Кофеман»]

Что такое Promise и что такое fetch и как его готовить уже разжёвано в десятках статей, в том числе на русском языке.

[PorsheCaren]

Алексей Тен: подскажи пожалуйста
promise только в fetch или это общий подход и к другим методам?
т.е. если fetch(image.jpg) найдет картинку с таким названием, то он автоматический методом Алексей Тен: then вызовtт следующую функцию?
Но, почему за частую 2 и более then?
Нам же по сути нужна всего одна функция, отправить уже текст из файла или картинку в указанное место?
Почему при вызове json пишут 2 then?
then(function() { return response.json()}).then(function(json) { console,log(...)})

Почему во 2-оф функции аргумент json?

[Lynn «Кофеман»]

RTFM

Answer 1

[wostex]

fetch: https://developer.mozilla.org/en-US/docs/Web/API/F...

примеры: https://developer.mozilla.org/en-US/docs/Web/API/F...

.then это Promise.resolve(), выполняется в случае успеха предыдущей функции.

вот это все почитайте/загуглите, у вас неверное понимание кода.

Comments

[PorsheCaren]

Подскажи пожалуйста
Почему там приводят примеры XHR?
И как понять handler?
На вид переменная, но в коде ее нет.
invocation.onreadystatechange = handler;

var invocation = new XMLHttpRequest();
var url = 'http://bar.other/resources/public-data/';
   
function callOtherDomain() {
  if(invocation) {    
    invocation.open('GET', url, true);
    invocation.onreadystatechange = handler;
    invocation.send(); 
  }
}

[PorsheCaren]

И вот ещё пример.
Мы же можем заменить весь код функции переменной, написав уже функцию до этого?
И аргумент myBlob, это же переменная в аргументе?
Просто как мы сможем изменять myBlob, если он аргумент?

var myHeaders = new Headers();

var myInit = { method: 'GET',
               headers: myHeaders,
               mode: 'cors',
               cache: 'default' };

fetch('flowers.jpg', myInit)
.then(function(response) {
  return response.blob();
})
.then(function(myBlob) {
  var objectURL = URL.createObjectURL(myBlob);
  myImage.src = objectURL;
});

[wostex]

PorsheCaren: Это не код функции, это ее параметры. Да, можно заранее их задать в каком-то объекте, и передать функции - разницы никакой. В первом случае просто объект создается на лету.

Вы не понимаете что происходит, почитайте https://learn.javascript.ru/promise

myBlob здесь - не аргумент, а результат выполнения предыдущего Promise