Почему fetch не присваивает значение переменной?

Question

[run182]

var auth = true;		
fetch('ajax.php')
	.then(function(response) {
		return response.json();
	})
	.then(function(res) {
			auth = false;
	})
	.catch(alert);	
console.log(auth);

Код выше возвращает true. Как мне правильно переназначить переменную auth в зависимости от ответа в fetch?

Comments

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

Асинхронность:

var auth = true;
		
fetch('ajax.php')
  .then(function(response) {
    return response.json();
  })
  .then(function(res) {
    auth = false;
    console.log("auth after call", auth);
  })
  .catch(alert);	

console.log("auth before call", auth);

Answer 1

[run182]

Реализовал через Promise:

var wasAuth = new Promise(
    function (resolve, reject) {
        fetch('ajax.php')
            .then(function(response) {
                return response.json();
            })
            .then(function(res) {
                resolve("Auth == true");
                // OR
                reject(new Error("Auth == false"));
            })
            .catch(alert);
       }
);
var sell = function () {
   wasAuth
         .then(function (fulfilled) {
             console.log(fulfilled); // Auth == true
         })
         .catch(function(error) {
            console.log(error.message); // Auth == false
        });
};
sell();

Answer 2

[Dies Irae]

У вас сначала выводится в консоль переменная, а затем приходит ответ. Причем неважно какой.
ajax.php

<?php
$myObj->user = "John";
$myObj->isAuth = "true";

$myJSON = json_encode($myObj);

echo $myJSON;
?>

JS

var auth = false;
fetch('ajax.php')
  .then(function(response) {
    return response.json();
  })
  .then(function(res) {
      auth = res.isAuth;
      console.log("response: " + auth);
  })
  .catch(alert);
console.log("document ready: " + auth);

Результат: