在不同环境下获取全局对象的各种方法总结

背景

最近在读vue3的源码的时候发现在shared中的一个工具函数，以此记录， 源码如下

const getGlobalThis = () => {
    return (_globalThis ||
        (_globalThis =
            typeof globalThis !== 'undefined'
                ? globalThis
                : typeof self !== 'undefined'
                    ? self
                    : typeof window !== 'undefined'
                        ? window
                        : typeof global !== 'undefined'
                            ? global
                            : {}));
};

此函数的功能就是用来获取在各个环境的全局this

this

即表示作用域的执行上下文， 非严格模式的全局作用域下，我们可以用this获取到全局对象，但在严格模式下指挥返回undefined

window, self, frames

在web中可以使用window, self来获取全局对象
用frames可以获取插入的frame框架

web 环境

1. this-----------即表示作用域的执行上下文， 非严格模式的全局作用域下，我们可以用this获取到全局对象，但在严格模式下指挥返回undefined
2. window-----------------web的全局对象
3. self---------------- 也可以获取web全局对象
4. frames----------获取页面插入的页面的全局对象

web worker环境

只有使用self可以获取到

node 环境

以上的所有方式都不行， 只有使用global可以获取到全局对象

终极方法

globalThis------------提供了一种标准的方法来获取全局对象，可以在各种环境中使用，获取的都会是全局的this
在很多引擎中，globalThis被认为是全局对象的真是引用，但是在浏览器中，为了frames及安全性的考虑
它实际上引用的全局对象的Proxy代理