如果存在，则在 JS 中使用三元运算符以尽可能短的方式返回元素

Question

Is there any way to shorten the myFx() function without repeating document.getElementById('myID') ? I just want to return the Element if it exists, if it doesn't, return "false".

The function is working well that manner, but I would like to know if there is any way to shorten it a little more.

HTML:

<div id="myID">Hello World!</div>

JavaScript:

function myFx(){

  return (document.getElementById('myID') === null) ? false : document.getElementById('myID');
  
}

myFx().innerHTML = "Goodbye Cruel World!";

Answer 1

Use Nullish coalescing operator (??) .

The nullish coalescing operator (??) is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined , and otherwise returns its left-hand side operand.

 function myFx() { return document.getElementById('myID')?? false; } myFx().innerHTML = "Goodbye Cruel World;";

 <div id="myID">Hello World!</div>

Answer 2

The answer of @c0m1t is correct, just be aware that this might not work in older browsers. I am not sure if it's still a real issue today, but anyway.. here is solution which should work even in ancient browsers.

function myFx(){
  var element = document.getElementById('myID');
  return element || false;
}

myFx().innerHTML = "Goodbye Cruel World!";