1

После ajax запроса function(data) проверяю наличие нужного объекта.

..., function(data)
{
    if (typeof(data.ads.photo) == "undefined")
        {
           console.log ('есть фото');
        }
    else
       {
          console.log ('нет фото');
       }
}

В чём проблема. Такая проверка не заходит ни в if ни в else

Но если поставить проверку:

if (typeof(data.ads) == "undefined")

тогда показывать наличие или отсутствие. Что может быть не так?

5
  • "undefined" - не значение, а его отсутствие. 14 апр 2018 в 18:11
  • 2
  • Без контекста сложно понять где вы это вызываете, но тут 2 варианта, либо от сервера приходит data в которой нет свойства ads, либо вы делаете эту проверку вне ajax и инициализируете data тоже вне, из-за этого проверка срабатывает раньше чем приходит ответ и опять же в data нет свойства ads 14 апр 2018 в 18:17
  • проверка проходит внутри функции callback, и там 2 варианта: нет ads.photo или есть. Так вот при проверке на ads при наличии ads.photo проверка успешна, при проверке на ads.photo при наличии ads.photo - вообще не проверяется (ни true ни false). Пока не разобрался почему так. 14 апр 2018 в 18:24
  • Звучит как магия ... приходит в голову, что photo может быть неправильно написано или типа того ... 14 апр 2018 в 18:35

2 ответа 2

3

Так как data.ads неопределено, попытка обращения к data.ads.photo вызывает исключение, прерывающее исполнение кода.

if (!data || !data.ads || !data.ads.photo)
{
   console.log ('нет фото');
}
else
{
   console.log ('есть фото');
}
5
  • судя по тому, что проверяется работоспособность через console.log() думаю он бы заметил красную надпись. 14 апр 2018 в 18:51
  • 1
    @MedvedevDev "Это - вряд ли." т. Сухов, "Белое солнце пустыни"
    – user176262
    14 апр 2018 в 18:53
  • спасибо. понял. 14 апр 2018 в 19:17
  • Хотя раньше не сталкивался с такой проверкой, не думал что проверка обьекта не существующего обьекта прерывает код, а не показывает false (else) 14 апр 2018 в 19:20
  • 1
    @МенеджерТипографии Проверка здесь - вторична. Причина ошибки - обращение к свойству несуществующего объекта.
    – user176262
    14 апр 2018 в 19:32
3

Причина названа в ответе @Igor, я лишь предложу более изящное решение:

..., function(data) {
  let photo, something; 
  try {
    photo = data.ads.photo; 
    something = data.ads.something;  // получение еще каких-либо данных из полей data
  } catch (err) {
    console.log ('опаньки... ' + err.message);
    return; 
  }
  ... // делаем что-то с photo и прочими значениями из data. Если код здесь тоже небезопасен, то его можно перенести в тело try
}

var rslt = document.getElementById('result'), 
    btns = document.querySelectorAll('.test-btn'); 
for (let btn of btns)
  btn.addEventListener('click', fetchData); 

function fetchData(e) {
  console.clear(); 
  rslt.textContent = '\tПолучение данных... '; 
  fetch('https://httpbin.org/get').then(r => r.json()).then(data => {
    let ip, ua, notExists; 
    try {
      ip = data.origin; 
      ua = data.headers['User-Agent']; 
      if (e.target.id === 'test-two')
        notExists = data.noObject.noValue; // тут будет ошибка, и выполнение перейдет в catch 
      rslt.textContent += `OK\n IP:${ip}\n UA:${ua}\n`; 
    } catch (err) {
      rslt.textContent += 'ошибка!\n'; 
      console.log(err.stack); 
    }
    rslt.textContent += '\tЗавершено.';  // выполняется вне зависимости от ошибок в try
  }); 
}
#result {
  height: 100px; overflow-y: auto; 
  font: 14px monospace; white-space: pre-wrap;
  background-color: #222; color: #4d4;
}
<button id="test-one" class="test-btn">Обычный тест</button>
<button id="test-two" class="test-btn">Тест с ошибкой</button>
<pre id="result"></pre>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.