顶层对象的属性
顶层对象,在浏览器环境指的是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 都可能无法使用。
在浏览器---顶层对象是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的返回,对于现在学习的我还没有写到。自己做做了解一下。