Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript Functions Create Reusable Code with Functions Using Multiple return Statements

David Douglas
David Douglas
3,719 Points
Posted by David Douglas
David Douglas
3,719 Points

Calling function vs stored in variable

What is the benefit of storing a function in a variable if it performs the same function as it would if you called the function.

function isFieldEmpty(){ const field = document.querySelector('#info'); if(!field.value){ return true; } else{ return false } }

const fieldTest = isFieldEmpty()

if(fieldTest()){ alert('Please enter info into field'); }

VS

function isFieldEmpty(){ const field = document.querySelector('#info'); if(!field.value){ return true; } else{ return false } }

if(isFieldEmpty()){ alert('Please enter info into field'); }

1 Answer

Steven Parker
Steven Parker
231,275 Points
Steven Parker
Steven Parker
231,275 Points

As shown here, the only advantage is that "fieldTest" is immutable where "isFieldEmpty" could be redefined. In such a simple case it doesn't make any practical difference, so this mechanism would be better used in other situations.

Another difference (which also has no bearing on this case) would be hoisting (which allows the function to be called before it is defined, but not the variable).