JavaScriptES6之顶层对象、global对象

        顶层对象的属性

        顶层对象，在浏览器环境指的是window对象，在Node中指的是global对象。ES5中顶层对象和全局变量是等价的，全局变量对编程者来说造成了很大的麻烦，因为一个疏忽，就把变量泄露到为了全局，全局变量的属性到处都是可读可写的，非常不利于模块化编程。

        ES6为了完善这一点，同时为了保持兼容性，由var ，function 定义全局变量依旧是顶层对象的属性，另一方面规定，let，const，class生命的全局变量不属于顶层对象的属性。也就是说，从ES6开始，全局变量将逐渐与顶层对象的属性脱钩。  

var a = 1;
console.log(window.a);   //1
let b = 2;
console.log(window.b);   // undefined

        global对象

        ES5的顶层对象，本身也是一个问题，因为他的各种实现里面都是不统一的。
在浏览器---顶层对象是window，但Node，Web Worker 没有window
在浏览器和Web Worker里面 self也是顶层对象，但是Node没有self
在Node中，顶层对象是global，但其他环境都不支持。
同一代码为了能够在各种环境,都能渠道顶层对象,现在一般用this变量,但是也是有局限性的
全局环境中,this指向顶层对象,在Node和ES6模块中,this指向当前模块
函数里面的this，如果函数不是作为方法运行，this指向顶层对象，但是严格模式下，this返回undefined
不管严格模式还是普通模式 new Function('retur this')(),总会返回全局变量，但是如果浏览器用了CSP（内容安全政策），那么，eval，new Function 都可能无法使用。

        我们可以用一下两种方法取到顶层对象。

console.log(typeof window !== 'undefined' ? window : (
	typeof process === 'object' && typeof require === 'function' && typeof global === 'object') ? global : this);
//2.
var getGlobal = function(){
	if(typeof self !== 'undefined'){
		return self;
	}
	if(typeof window !== 'undefined'){
		return window;
	}
	if(global !== 'undefined'){
		return global;
	}
	throw new Error('unable to locate global object');
}
console.log(getGlobal());

        在语言标准的层面，引入global作为顶层对象，也就是说，在所有的环境下，global都是存在的，都可以它拿到顶层对象。

        

        同样我也对global不是太熟悉，再往深度走就到了node的返回，对于现在学习的我还没有写到。自己做做了解一下。

        --主页传送门--