前言
当我们在进行前端开发时，可能会碰到需要全局变量的情况。但是，全局变量的使用容易造成命名冲突、作用域污染等问题。这时，我的 npm 包 my-global 可以帮助您轻松地进行全局变量的定义和使用。
安装
使用 npm 安装：
npm install my-global --save
或者使用 yarn 安装：
yarn add my-global
使用方法
定义全局变量
需要创建一个 js 文件，例如 global.js，然后使用 myGlobal 方法定义全局变量。
import myGlobal from 'my-global';
myGlobal('MY_GLOBAL', 'Hello World!');上面的代码定义了一个名为 MY_GLOBAL，值为 Hello World! 的全局变量。
使用全局变量
在另一个 js 文件中可以直接使用 MY_GLOBAL，无需引入或者声明。
console.log(MY_GLOBAL); // 输出： Hello World!
添加全局变量
如果需要添加一个新的全局变量，可以直接使用 myGlobal 方法进行添加。
myGlobal('MY_SECOND_GLOBAL', 'Second Global Variable');删除全局变量
如果需要删除一个已经定义的全局变量，可以使用 myGlobal 方法传入 null 或者不传入第二个参数。
// 传入 null
myGlobal('MY_GLOBAL', null);
// 不传入第二个参数
myGlobal('MY_GLOBAL');获取全局变量
如果需要获取已经定义的全局变量，可以使用 myGlobal.get 方法。
import { get as myGlobalGet } from 'my-global';
console.log(myGlobalGet('MY_GLOBAL')); // 输出： Hello World!示例代码
-- -------------------- ---- ------- -- --------- -- ------ -------- ---- ------------ --------------------- ------ --------- ----------------------- ---------------------------- ------- ------ ----------- --------------------- ------ -----------------------
// app.js 文件
console.log(MY_GLOBAL);
import { get as myGlobalGet } from 'my-global';
console.log(myGlobalGet('MY_SECOND_GLOBAL')); // 输出： Second Global Variable总结
my-global 包提供了一个方便的方法来定义、获取、删除全局变量。使用 my-global，您可以更加方便地进行前端开发，并且避免了命名冲突等问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60921