在 ES2020 中使用 globalThis 解决跨平台问题
在前端开发中，不同的平台或者环境之间存在一些差异，而跨平台开发是一个相对复杂的问题。以前，我们需要使用不同的方式来解决不同平台之间的兼容性问题。ES2020 引入了一个名为 globalThis 的新特性，它的存在可以解决跨平台问题，本文将详细介绍如何使用 globalThis。
globalThis 是什么？
在 ECMAScript 2015 中，我们已经有了一个叫做 this 的全局对象，但是它的实现方式和作用域会受到一些限制，例如在浏览器中，this 的实现方式和作用域是和 window 对象相关的，在 Node.js 中，则是和 global 对象有关。
在 ECMAScript 2020 中，一个新的全局对象 globalThis 被引入了。不同于之前的全局对象，它可以在任意的平台和环境中被使用。如果你想要在浏览器中使用，那么 globalThis 就代表了 window 对象。如果你想要在 Node.js 中使用，globalThis 就代表了 global 对象。这个新的全局对象可以很好地解决我们跨平台开发中的问题。
如何使用 globalThis
首先需要明确一点，使用 globalThis 不仅仅可以在不同的平台之间通用，更重要的是它提供了一个统一的、易于使用的接口，可以使得我们的代码更加的简洁和易于阅读。下面会通过具体的例子来介绍如何使用 globalThis。
假设我们现在需要实现一个 log 函数，可以在不同的平台上正确地打印日志信息。在以往的实现方式中，我们需要加上一些判断语句来判断当前所处的环境。
// 旧的实现方式 function log(message) { if (typeof console !== 'undefined' && typeof console.log === 'function') { console.log(message) } else if (typeof print === 'function') { print(message) } else if (typeof alert === 'function') { alert(message) } }
但是在使用 globalThis 之后，我们可以使用以下代码来实现同样的功能：
// 使用 globalThis function log(message) { globalThis.console ? console.log(message) : globalThis.print ? print(message) : alert(message) }
通过使用 globalThis，我们不仅可以减少代码的复杂度，也可以在代码中更好地表达我们的意图。另外，使用 globalThis 还能够从操作系统或者浏览器的变化中获得更多的灵活性，使得代码具备更高的鲁棒性。
需要注意的是，在较老的浏览器中，没有全局对象 globalThis，因此在使用 globalThis 时可能需要进行 polyfill。
总结
本文介绍了在 ES2020 中如何使用全局对象 globalThis，通过使用 globalThis 可以解决跨平台问题，同时可以使代码更简洁易读。在实际的开发中，我们可以更多地利用这个新特性，提高代码的通用性和可读性。同时，需要注意在较老浏览器中可能需要进行 polyfill，以确保代码的兼容性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64708377968c7c53b0ea5587