Are “(function ( ) { } ) ( )” and “(function ( ) { } ( ) )” functionally equal in JavaScript? [duplicate]

by

No; they are identical

However, if you add new beforehand and .something afterwards, they will be different.

Code 1

new (function() {
    this.prop = 4;
}) ().prop;

This code creates a new instance of this function’s class, then gets the prop property of the new instance.
It returns 4.

It’s equivalent to

function MyClass() {
    this.prop = 4;
}
new MyClass().prop;

Code 2

new ( function() {
    return { Class: function() { } }; 
}() ).Class;

This code calls new on the Class property.
Since the parentheses for the function call are inside the outer set of parentheses, they aren’t picked up by the new expression, and instead call the function normally, returning its return value.
The new expression parses up to the .Class and instantiates that. (the parentheses after new are optional)

It’s equivalent to

var namespace = { Class: function() { } };

function getNamespace() { return namespace; }

new ( getNamespace() ).Class;
//Or,
new namespace.Class;

Without the parentheses around the call to getNamespace(), this would be parsed as (new getNamespace()).Class — it would call instantiate the getNamespace class and return the Class property of the new instance.

More Related Contents:

  1. How to receive and maintain values in functions (javascript)
  2. Set a default parameter value for a JavaScript function
  3. What is the scope of variables in JavaScript?
  4. Javascript call() & apply() vs bind()?
  5. JavaScript plus sign in front of function expression
  6. jQuery 1.9 .live() is not a function
  7. Calling a function every 60 seconds
  8. Getting a better understanding of callback functions in JavaScript
  9. How to define method in javascript on Array.prototype and Object.prototype so that it doesn’t appear in for in loop
  10. How to create a jQuery function (a new jQuery method or plugin)?
  11. `new function()` with lower case “f” in JavaScript
  12. jQuery pass more parameters into callback
  13. Cannot read property ‘addEventListener’ of null
  14. Extending an Object in Javascript
  15. In Javascript/jQuery what does (e) mean?
  16. Fastest JavaScript summation
  17. javascript : function and object…?
  18. Method vs Functions, and other questions
  19. Can you write nested functions in JavaScript?
  20. How does the location of a script tag in a page affect a JavaScript function that is defined in it?
  21. Asynchronous Script Loading Callback
  22. Multiple arguments vs. options object
  23. Can I name a JavaScript function and execute it immediately?
  24. Vue: How do I call multiple functions with @click?
  25. Class methods as event handlers in JavaScript?
  26. javascript adding property to function
  27. How does the (function() {})() construct work and why do people use it?
  28. difference between parseInt() and parseFloat() [duplicate]
  29. Passing a function with arguments as an argument?
  30. javascript click event handler fires without clicking

Leave a Comment