What do empty parentheses () after a function declaration do in javascript? [duplicate]

by

The code is defining an anonymous function (the (function (){ ... }) bit) and then calling it (with no arguments). It then assigns the value to the Browser property of the object that is presumably being defined outside of your code snippet.

You could also define the function somewhere:

function myFunction() {
    var ua = navigator.userAgent;
    var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]';
    return {
      IE:             !!window.attachEvent && !isOpera,
      Opera:          isOpera,
      WebKit:         ua.indexOf('AppleWebKit/') > -1,
      Gecko:          ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') === -1,
      MobileSafari:   /Apple.*Mobile.*Safari/.test(ua)
}

and then call it:

var foo = myFunction();

and then assign the value:

...
Browser: foo,
...

One downside with doing it that way is that you “pollute your namespace” with a function and a variable that you won’t use anywhere else. The second issue is that you can’t use the value of any locally-scoped variables in your function definition (the anonymous function behaves as a closure).

More Related Contents:

  1. How do I pass a URL as a parameter? [closed]
  2. How to create an object property from a variable value in JavaScript? [duplicate]
  3. Traverse all the Nodes of a JSON Object Tree with JavaScript
  4. What is TypeScript and why would I use it in place of JavaScript? [closed]
  5. Replace multiple strings at once
  6. Javascript: how to validate dates in format MM-DD-YYYY?
  7. Save file Javascript with file name [duplicate]
  8. Window.open and pass parameters by post method
  9. Parsing JSON giving “unexpected token o” error [duplicate]
  10. Uint8Array to string in Javascript
  11. Merge Two Arrays so that the Values Alternate
  12. Import functions from another js file. Javascript
  13. Prevent Cheating on Javascript Game
  14. var vs this in Javascript object
  15. Chrome Extension – Passing object from page to context script
  16. How to get the second match with QuerySelector?
  17. JavaScript String concatenation behavior with null or undefined values
  18. Does JavaScript have double floating point number precision?
  19. JavaScript Editor Plugin for Eclipse [duplicate]
  20. how does axios handle blob vs arraybuffer as responseType?
  21. Google Maps API v3: InfoWindow not sizing correctly
  22. Close/hide an element when clicking outside of it (but not inside)
  23. Javascript OnPaste
  24. React hooks: call component as function vs render as element
  25. Best way to flatten JS object (keys and values) to a single depth array
  26. React-Redux: Should all component states be kept in Redux Store
  27. React.js best practice regarding listening to window events from components
  28. Adding rows with ng-repeat and nested loop
  29. Img src path with header params to pass
  30. Assign only if condition is true in ternary operator in JavaScript

Leave a Comment