在 ES12 中，引入了 globalThis 这个全局对象，它可以在任何环境下获取到全局对象，不再需要像以前一样使用 window 或 self 等对象来获取全局对象。然而，这个新特性也带来了一些潜在的安全风险，因为它可以被用来访问全局变量和函数，从而导致代码的安全性受到威胁。本文将介绍如何避免使用 globalThis 带来的潜在安全风险。
什么是 globalThis
在 ES12 中，globalThis 是一个新的全局对象，它可以在任何环境下获取到全局对象。在浏览器中，它指的是 window 对象；在 Node.js 中，它指的是 global 对象；在 Web Worker 中，它指的是 self 对象。使用 globalThis 可以使代码更加通用，不需要考虑在不同的环境中使用不同的全局对象。
以下是一个使用 globalThis 的示例代码：
const globalObject = globalThis;
globalThis 带来的潜在安全风险
尽管 globalThis 可以使代码更加通用，但它也带来了一些潜在的安全风险。由于 globalThis 可以访问全局变量和函数，攻击者可以使用它来执行恶意代码，从而导致代码的安全性受到威胁。
以下是一个使用 globalThis 访问全局变量的示例代码：
const globalVar = globalThis['localStorage'];
攻击者可以使用 globalThis 来访问全局变量 localStorage，并在其中存储恶意数据。
如何避免 globalThis 带来的潜在安全风险
为了避免使用 globalThis 带来的潜在安全风险，可以采取以下措施：
1. 避免直接使用 globalThis
在代码中尽量避免直接使用 globalThis，而是使用特定环境下的全局对象，如 window、global、self 等。
以下是一个使用 window 获取全局对象的示例代码：
const globalObject = typeof window !== 'undefined' ? window : global;
2. 限制全局变量和函数的使用
可以使用严格模式来限制全局变量和函数的使用，从而减少代码的安全风险。
以下是一个使用严格模式的示例代码：
'use strict'; const globalVar = localStorage;
在严格模式下，访问未声明的变量会抛出错误，从而避免了访问全局变量的潜在安全风险。
3. 使用模块化的代码结构
使用模块化的代码结构可以避免全局变量和函数的使用，从而减少代码的安全风险。
以下是一个使用模块化的代码结构的示例代码：
// module.js
export const globalVar = localStorage;
// main.js
import { globalVar } from './module.js';在使用模块化的代码结构时，全局变量和函数只能在模块内部使用，从而避免了访问全局变量的潜在安全风险。
总结
在 ES12 中，globalThis 是一个新的全局对象，可以在任何环境下获取到全局对象。然而，它也带来了一些潜在的安全风险，因为它可以被用来访问全局变量和函数，从而导致代码的安全性受到威胁。为了避免使用 globalThis 带来的潜在安全风险，可以采取一些措施，如避免直接使用 globalThis、限制全局变量和函数的使用、使用模块化的代码结构等。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656e9903d2f5e1655d6ca2af