利用 ES11 中的 globalThis 解决不同环境下全局对象的访问问题

在前端开发中，我们经常需要访问全局对象，比如 window 对象、global 对象等。但是在不同的环境下，全局对象的名称可能不同，这就给开发带来了一定的麻烦。ES11 中新增了一个全局对象 globalThis，可以解决这个问题。

globalThis 的作用

globalThis 是一个新的全局对象，它提供了一种跨平台的访问全局对象的方式。在浏览器中，globalThis 指向 window 对象；在 Node.js 中，globalThis 指向 global 对象。使用 globalThis 可以使代码更加通用，避免因为不同环境下全局对象的名称不同而产生的错误。

如何使用 globalThis

globalThis 是 ES11 中新增的全局对象，如果要在旧版浏览器或 Node.js 中使用，需要使用 polyfill。下面是一个使用 globalThis 的示例代码：

const globalObj = typeof globalThis !== 'undefined' ? globalThis : window;

// 访问全局对象
globalObj.console.log('Hello, world!');

在上面的代码中，我们首先判断是否存在 globalThis 对象，如果存在则使用 globalThis，否则使用 window 对象。然后使用 globalObj 来访问全局对象，这样就可以在不同的环境下都能够正确地访问全局对象了。

globalThis 的指导意义

使用 globalThis 可以使代码更加通用，在不同的环境下都能够正确地访问全局对象。这对于开发跨平台的应用程序非常有帮助。

另外，使用 globalThis 还可以避免代码中出现硬编码的全局对象名称，使代码更加易于维护和修改。同时，使用 globalThis 也可以避免因为全局对象名称的变化而导致的错误，从而提高代码的健壮性。

总之，使用 globalThis 是一个非常好的习惯，可以使代码更加通用、易于维护和健壮。

总结

ES11 中新增的 globalThis 对象可以解决不同环境下访问全局对象的问题，使用 globalThis 可以使代码更加通用、易于维护和健壮。在编写跨平台的应用程序时，建议使用 globalThis 来访问全局对象。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65137f9f95b1f8cacdbdd461