Блог

Могу ли я уменьшить

 function n()
  {
  var a; 
  if(a = document.getElementById('fb0')) 
    {
    a.onclick = i0;
    document.getElementById('fb1').onclick = i1;
    }
  }
  

Для

 function n()
  {
  if(document.getElementById('fb0').onclick = i0) 
    {
    document.getElementById('fb1').onclick = i1;
    }
  }
  

У меня сейчас нет отладчика. Я знаю, что document.getElementById('fb0') возвращает значение, потому что первый фрагмент работает нормально. Но нужно ли, чтобы присваивание оценивалось в операторе if?

Нет, вы не можете.

document.getElementById('fb0') , как уже сказано в названии функции, возвращает html element с идентификатором, равным fb0 . После этого вы получаете доступ к атрибуту onclick . Но при сбое get это приведет к поломке скрипта.

В первом сценарии вы проверяете, работает ли назначение, если работает, это означает, что элемент существует и будет выполняться только в том случае, если он существует.

Это разные варианты поведения.

Не совсем; если getElementById('fb0') ничего не возвращает, ваша страница получит сообщение об ошибке, а в первом случае этого не было бы.

Чтобы проверить, возвращает ли «document.getElementById(‘fb0’)» элемент или null, вторая версия этого не делает, и будет выдана ошибка, если нет элемента с идентификатором «fb0». Вторая версия подойдет, если вы в какой-то момент не удалите элемент «fb0» из DOM.

Это не сработало бы, если бы document.getElementById('fb0') не существовало. document.getElementById('fb0').onclick в этом случае это мало что значило бы.

Если вы часто выполняете выбор DOM по идентификатору, создайте сокращенную версию этого метода:

 function byId( id ) { return document.getElementById(id); };

function n() {
  var a; 
  if(a = byId('fb0')) {
    a.onclick = i0;
    byId('fb1').onclick = i1;
  }
}
  

В этом случае выполнение присваивания внутри условия не экономит вам никаких символов. Это та же длина, что и для объявления.

 function byId( id ) { return document.getElementById(id); };

function n() {
  var a = byId('fb0'); 
  if(a) {
    a.onclick = i0;
    byId('fb1').onclick = i1;
  }
}