介绍
在前端开发中，我们经常需要使用一些浏览器全局变量，比如 window、document、setTimeout 等。然而，有些全局变量的名称和一些常见的变量名是非常相似的，例如 NaN 和 NaN，这可能会让人混淆，导致不可预测的行为。为了避免这种情况，可以使用 npm 包 @1o1w1/confusing-browser-globals。
@1o1w1/confusing-browser-globals 包含了一系列常见的全局变量，它们与一些常见的变量名非常相似，例如 NaN、Infinity、eval 等。它们的名称与相似的变量名除了大小写不同外完全相同，例如 NaN 和 NaN。使用 @1o1w1/confusing-browser-globals 可以确保代码中使用的全局变量互不干扰，从而提高代码的可读性和可维护性。
安装
使用 npm 安装 @1o1w1/confusing-browser-globals：
npm install @1o1w1/confusing-browser-globals --save-dev
使用
在需要使用全局变量的地方，可以使用以下方式来引入 @1o1w1/confusing-browser-globals：
-- -------------------- ---- ------- ----- - ---- ------------- --------- ------------------ ----- -------------- ------- ---------------- --------- ------------------ -------------- ----------------------- ------------ --------------------- ----------- -------------------- - - --------------------------------------------
你可以根据需要选择需要的全局变量进行引入，例如只需要 NaN 和 Infinity 可以这样写：
const {
NaN: confusingNaN,
Infinity: confusingInfinity,
} = require('@1o1w1/confusing-browser-globals');此时你就可以使用 confusingNaN 和 confusingInfinity 来代替原生的 NaN 和 Infinity，从而避免了命名冲突。
以下是一个示例代码：
-- -------------------- ---- -------
----- -
---- -------------
--------- ------------------
- - --------------------------------------------
-------- --------------- -
-- ------------- --- ----- -- -------------------------- -
------ ------
-
------ -----
-
------------------------- -- ----
---------------------------- -- -----
--------------------------- -- -----
-------------------------------- -- -----总结
使用 @1o1w1/confusing-browser-globals 可以避免全局变量名称冲突导致的不可预测行为，提高代码的可读性和可维护性。在需要使用全局变量的场景下，可以根据需要选择需要的全局变量进行引入，从而确保代码中使用的全局变量互不干扰。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/o1w1-confusing-browser-globals