在前端开发中，ES7(即ES2017)已经成为了很多开发者使用的标准，但是在使用 ES7 时，有些开发者可能会不小心遇到一些不安全的原生变量，从而引发程序错误、漏洞等问题。
本文将介绍什么是不安全的原生变量，它们的危害以及如何避免在 ES7 中使用它们。
不安全的原生变量
不安全的原生变量即是指那些在全局环境下容易被覆盖或修改的变量。
在 ES6 之前，JavaScript 中只有一个全局变量 window，因此在全局环境下，开发者可以放心大胆地定义并使用任意的变量，而不需要担心变量名的冲突或者被其他模块或插件篡改。但是，在 ES6 和 ES7 中，随着 JavaScript 的不断发展，新增了很多新的原生变量（如Symbol、Set、Map等）和全局对象（如global、this等），这些变量和对象容易被误操作或者被其他模块使用，导致程序错误和漏洞。
以 Symbol 为例，如果在全局环境下定义了一个名为 Symbol 的变量，那么在使用 es7-polyfill 等 polyfill 库时，就会出现无法正常使用 Symbol 的问题。
不安全的原生变量的危害
如果不小心使用了不安全的原生变量，就可能会遇到以下问题：
程序错误：如果不安全的原生变量被修改或者覆盖，那么通过该变量调用的相关函数或者对象就可能无法正常执行。
漏洞：如果程序中包含敏感数据（如用户密码、扫码支付等），那么不安全的原生变量的误操作就会导致数据丢失或者盗窃等风险。
如何避免在 ES7 中使用不安全的原生变量
为了避免在 ES7 中使用不安全的原生变量，推荐开发者按照以下原则进行开发：
避免使用全局变量：在 ES7 中，不建议使用全局变量，如果一定需要使用全局变量，可以将其封装在不安全的原生变量以外的对象中，这样能够提高变量的安全性。
使用 module.exports 或者 export 关键字：在 ES7 中，可以通过使用 module.exports 或者 export 关键字来导出或引入变量，这样能够有效避免变量之间的冲突。
使用 let 或 const 变量：在 ES7 中，开发者应该尽可能使用 let 或 const 变量，这样能够避免因变量被重新赋值而引发的程序问题。
以下是一个使用 let 变量避免不安全原生变量的示例代码：
-- -------------------- ---- -------
-- ---
------- ------------ -
----------------------
---------------
----------
-
-- ----
------- ------------ -
----------------------
---------------
----------
-在上面的示例代码中，使用 let 关键字定义 i 变量，避免了 i 变量被覆盖导致程序错误的问题。
总结
在 ES7 中，避免使用不安全的原生变量是非常重要的，因为它们容易被修改或者篡改，从而导致程序错误和漏洞。为了保证程序的稳定性和安全性，推荐开发者遵循本文提到的原则进行开发，尽量避免使用全局变量和不安全的原生变量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646a7c17968c7c53b0a165ab