我可以减少这段 JavaScript 代码吗？

Question

我可以减少

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 语句中计算赋值呢？

Answer 1

不，你不能。

document.getElementById('fb0')，正如函数名称所示，返回 id 等于 fb0 的 html 元素。之后您将访问属性onclick。但如果 get 失败，则会破坏脚本。

在第一个场景中，您测试分配是否有效，如果有效，则意味着该元素存在并且仅在存在时才执行。

这些是不同的行为。

Answer 2

并不真地;如果 getElementById('fb0') 不返回任何内容，您的页面将收到错误，而在第一种情况下则不会。

Answer 3

要检查“document.getElementById('fb0')”是否返回元素或 null，第二个版本不会执行此操作，如果没有 id 为“fb0”的元素，则会抛出错误。如果您在某个时刻不从 DOM 中删除“fb0”元素，则第二个版本是可以的。

Answer 4

如果 document.getElementById('fb0') 不存在，则会失败。 document.getElementById('fb0').onclick 在这种情况下没有多大意义。

Answer 5

如果您通过 ID 进行大量 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;
  }
}