ES10 中的 globalThis，你需要掌握-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，经常需要操作全局对象。在过去，我们使用 window 或者 self 来表示全局对象，但是在某些环境下，这两个对象可能不可用。ES10 引入了 globalThis 来解决这个问题。

globalThis 的介绍

globalThis 是一个新的全局对象，它可以在任何环境下获取到全局对象。无论在浏览器、Node.js 还是 Web Worker 中，只需要使用 globalThis 就可以获取到全局对象。

console.log(globalThis);

上述代码将会输出全局对象。

使用 globalThis 可以让我们更加灵活地操作全局对象，而不用考虑当前运行环境。

globalThis.setTimeout(() => {
  console.log('Hello World');
}, 1000);

上述代码在任何环境下都能够正确地使用 setTimeout 函数来输出 "Hello World"。

globalThis 对象包含了许多属性和方法来操作全局对象。

eval() 函数用来将字符串作为 JavaScript 代码来执行。

globalThis.eval('console.log(1+2)');

输出结果为 3。

parseInt() 函数将字符串转换为整数。

globalThis.parseInt('100');

输出结果为 100。

parseFloat() 函数将字符串转换为浮点数。

globalThis.parseFloat('3.14');

输出结果为 3.14。

encodeURI() 函数将字符串进行 URL 编码。

globalThis.encodeURI('http://example.com/path?param1=value1&param2=value2');

输出结果为 http://example.com/path?param1=value1&param2=value2。

decodeURI() 函数将 URL 编码的字符串进行解码。

globalThis.decodeURI('http%3A%2F%2Fexample.com%2Fpath%3Fparam1%3Dvalue1%26param2%3Dvalue2');

输出结果为 http://example.com/path?param1=value1&param2=value2。

encodeURIComponent() 函数将字符串进行 URI 组件编码。

globalThis.encodeURIComponent('param1=value1&param2=value2');

输出结果为 param1%3Dvalue1%26param2%3Dvalue2。

decodeURIComponent() 函数将 URI 组件编码的字符串进行解码。

globalThis.decodeURIComponent('param1%3Dvalue1%26param2%3Dvalue2');

输出结果为 param1=value1&param2=value2。

在本文中，我们介绍了 ES10 中的全局对象 globalThis 的使用，并详细介绍了它所包含的方法和属性。使用 globalThis 可以让我们更加灵活地操作全局对象，在编写跨平台代码的时候更加方便。

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