ES5的顶层对象,本身也是一个问题,因为它在各种实现里面是不统一的。
● 浏览器里面,顶层对象是window,但Node和Web Worker没有window。
● 浏览器和Web Worker里面,self也指向顶层对象,但是Node没有self。
● Node里面,顶层对象是global,但其他环境都不支持。
为了能够在各种环境,都能取到顶层对象,现在一般是使用this变量。
● 全局环境中,this会返回顶层对象。但是,Node模块和ES6模块中,this返回的是当前模块。
● 函数里面的this,如果函数不是作为对象的方法运行,而是单纯作为函数运行,this会指向顶层对象。但是,严格模式下,这时this会返回undefined。
● 不管是严格模式,还是普通模式,new Function('return this')(),总是会返回全局对象。但是,如果浏览器用了CSP(Content Security Policy,内容安全政策),那么eval、new Function这些方法都可能无法使用。
下面是两种勉强可以使用的方法。
// 方法一
(typeof window !== 'undefined'
? window
: (typeof process === 'object' &&
typeof require === 'function' &&
typeof global === 'object')
? global
: this);
// 方法二
var getGlobal = function () {
if (typeof self !== 'undefined') { return self; }
if (typeof window !== 'undefined') { return window; }
if (typeof global !== 'undefined') { return global; }
throw new Error('unable to locate global object');
};