Как вытащить true и false при проверке ссылки на изображение?

Question

[Dev_nab]

const img = new Image();
img.onload = function () {
    // есть картинка
    return true;
}
img.onerror = function () {
   // изображения по ссылке нет
    return false;
}
img.src = 'тут ссылка на изображение';
return X; // тут НУЖНО вывести результат true или false
          // в зависимости есть ли изображение по ссылке
          // или нет

Comments

[Ярослав Иванов]

Используйте глобальную переменную

[Dev_nab]

Ярослав Иванов, делал так

const img = new Image();
var x;
img.onload = function () {
x = true;
return x;
}
img.onerror = function () {
x = false;
return x;
}
img.src = 'тут ссылка на изображение';
return x;

Пишет x - undefined.

[Ярослав Иванов]

Dev_nab, и куда он возвращает x?

[Ярослав Иванов]

Dev_nab, потому что обработчики выполняются только после загрузке изображения и сам код не блокируют. Потому return x возвращает undefined.

[Ярослав Иванов]

const img = new Image();
1) var x;

img.onload = function () {
x = true;
4) return x;
}
img.onerror = function () {
x = false;
5) return x;
}
2) img.src = 'тут ссылка на изображение';

3) return x;

Answer 1

[0xD34F]

return X; // тут НУЖНО ...

Не тут. Или не нужно. Потому что невозможно. Загрузка картинки выполняется асинхронно, так что возвращайте промис, который будет резолвится в true из обработчика onload и в false из onerror:

return new Promise(resolve => {
  const img = new Image();
  img.onload = () => resolve(true);
  img.onerror = () => resolve(false);
  img.src = 'тут ссылка на изображение';
});

Comments

[Dev_nab]

function s() {
  return new Promise(resolve => {
    const img = new Image();
    img.onload = () => resolve(true);
    img.onerror = () => resolve(false);
    img.src = 'битая ссылка';
  });
};

console.log(s());

Вместо false, пишет:

Promise {
}

[0xD34F]

Dev_nab, вы почитайте, что это такое, как с этой штукой работать.

[Владимир Солнцев]

0xD34F, Читать? Что такое читать? Это съедобно?
Dev_nab, s().then(response => log(response)). Если все таки попробуете почитать по теме, подчерпнете и не таких финтов

[Dev_nab]

Владимир Солнцев, как присвоить результат переменной?
Типа так:

var x
s().then(response => x=response;

А то получается та же проблема, только под другим боком)

[Владимир Солнцев]

Dev_nab, нет не так. Нельзя вытянуть переменную из промиса или коллбека в обычную переменную. Ваш коллбэк \ промисс сработает когда нибудь потом, а синхронный код исполнится вот прям сейчас, перед коллбэком. Вы в марк присваиваете еще неизвестный результат. Вы можете что то сделать с тем ответом, который вам придет после того, как промис разрешится удачно или неудачно.

Почитать все таки попробуйте, Promise js хорошо гуглиться, асинхронность js тоже.

[Dev_nab]

Владимир Солнцев, тогда получается решения вопроса нет.

Что мой вариант (см. самый первый пост), что с Promise - все равно нельзя вытащить true или false.

[Владимир Солнцев]

Dev_nab, решение вопроса в том, что вытянуть нельзя, вам об этом еще 0xD34F очень прямо ответил.