what's the purpose of `new Function("return this")()` in immediately invoked function

Question

I'm reviewing the setImmediate polyfill and it's wrapped inside immediate-invoking function with the following:

(function (global, undefined) {
    "use strict";
...
}(new Function("return this")()));

I'm confused about the purpose the last statement and the parameters being passed to the function. Does it have something to do that this code might be run inside a browser as well as on Node.js? Can you please clarify?

*"Does it have something to do that this code might be run inside a browser as well as on Node.js? "* Seems like it. — Felix Kling, Apr 17 '15 at 18:05

score 13 · Accepted Answer · answered Apr 17 '15 at 18:10

13

The code is written so it has access to the global scope, without having to know what the object containing that scope is. For instance in a browser the global scope is window, but in other containers that is not the case.

By using the Function constructor, you get direct access to the global scope:

Note: Functions created with the Function constructor do not create closures to their creation contexts; they always are created in the global scope. When running them, they will only be able to access their own local variables and global ones, not the ones from the scope in which the Function constructor was called. This is different from using eval with code for a function expression.

So by doing:

(new Function("return this")())

You create and invoke a new function on the global scope, that returns whatever that global scope is. This is then immediately passed to the main function as the global object.

answered Apr 17 '15 at 18:10

James Thorpe

31,411
5
72
93

thanks, I see. What's the point of also passing `undefined` to the function? – Max Koretskyi Apr 17 '15 at 18:14
1

@Maximus A couple of reasons, best addressed in [this answer](http://stackoverflow.com/a/9602975/791010) – James Thorpe Apr 17 '15 at 18:16
*"This is different from using eval with code for a function expression."* I wonder if an **indirect** eval call would have the same effect. I.e. `(0, eval)('this')`. Would be a bit shorter. – Felix Kling Apr 17 '15 at 18:18
@FelixKling You mean something like `(0, eval).call(this,'this')`? – James Thorpe Apr 17 '15 at 18:21
@JamesThorpe: `.call` doesn't seem to be necessary to create an indirect call (that's what the `(0, eval)` is for), but yes. – Felix Kling Apr 17 '15 at 18:24
@FelixKling right. I need to study those short blocks a little more to fully get them yet. – James Thorpe Apr 17 '15 at 18:47

score 8 · Answer 2 · answered Apr 17 '15 at 18:26

In non-strict mode, when a function is called without setting the this value, it will become the global object:

10.4.3 Entering Function Code

If the function code is strict code, set the ThisBinding to thisArg.

Else if thisArg is null or undefined, set the ThisBinding to the global object.

Therefore, the this keyword may be way to obtain a reference to the global object:

this; // the global object

The first problem is that this could have been customized (e.g. with apply or call):

(function() {
    this; // `123`, not the global object!
}).call(123);

This can be easily fixed using a self-executing function:

// `this` may not be the global object here
(function() {
    this; // the global object
})();

But there is a more serious problem: this doesn't become the global object in strict mode:

'use strict';
(function() {
    this; // `undefined`, not the global object!
})();

To fix that, you can use a Function Constructor. Even inside strict mode, the new function will be non-strict by default.

'use strict';
(function() {
    new Function("return this")(); // the global object
})();

jack.lin · Answer 3 · 2018-12-23T12:07:30.783

-1

get the global object whatever the js runtime is;(eg node, browser and so on);

edited Dec 23 '18 at 12:07

answered Dec 23 '18 at 11:11

jack.lin

15
5

what's the purpose of `new Function("return this")()` in immediately invoked function

3 Answers3

Linked