In JavaScript, does it make a difference if I call a function with parentheses?

by 
window.onload = initAll();

This executes initAll() straight away and assigns the function’s return value to window.onload. This is usually not what you want. initAll() would have to return a function for this to make sense.

window.onload = initAll;

this assigns the actual function to window.onload – this is possible because in JavaScript, as @Felix says, functions are first class objects – without executing it. initAll will be executed by the load event.

You may also see something like this:

window.onload = () => initAll();

This will create a new function that, when called, will call initAll immediately. Parentheses are necessary here for that “call initAll immediately” part to work. But, because it’s wrapped in a function, nothing will execute until that outer function itself is called, and you assign the reference of that outer function to window.onload, so initAll will also be executed on the load event.

More Related Contents:

  1. How to write recursive function javascript push my array property Json object?
  2. Node.js plans to support import/export ES6 (ECMAScript 2015) modules
  3. How do I hide javascript code in a webpage?
  4. How to simulate a click by using x,y coordinates in JavaScript?
  5. Javascript: Get deep value from object by passing path to it as string [duplicate]
  6. Can a PDF file’s print dialog be opened with Javascript?
  7. Can ES6 template literals be substituted at runtime (or reused)?
  8. JavaScript ‘hoisting’ [duplicate]
  9. internal/modules/cjs/loader.js:582 throw err
  10. How to use CORS to implement JavaScript Google Places API request
  11. Can’t build React/Next project – found page without a React Component as default export (context api file)
  12. Javascript: find longest word in a string
  13. How do I protect JavaScript files?
  14. What’s the algorithm to calculate aspect ratio?
  15. How to exclude iframe in Greasemonkey or Tampermonkey?
  16. How do I load my script into the node.js REPL?
  17. Why is isNaN(null) == false in JS?
  18. Is it possible to create a “weak reference” in JavaScript?
  19. How can I get a list of the differences between two JavaScript object graphs?
  20. Why comma ‘ , ‘ and plus ‘ + ‘ log the console output in different pattern?
  21. In JavaScript, how can I have a function run at a specific time?
  22. How to convert comma separated string into numeric array in javascript
  23. JavaScript adding a string to a number
  24. AngularJS error: ‘argument ‘FirstCtrl’ is not a function, got undefined’
  25. how to upload and delete files from dropzone.js
  26. jQuery DataTables “No Data Available in Table”
  27. Angular ui router – Redirection doesn’t work at all
  28. How to Bootstrap navbar static to fixed on scroll?
  29. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
  30. Javascript: convert a (hex) signed integer to a javascript value

Leave a Comment