es6-顶层对象与this问题

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');
};

转载于:https://www.cnblogs.com/sakura-sakura/p/6678470.html