在 JavaScript 中,全局变量是在所有函数外部声明的变量,可以在程序的任何位置被访问和修改。
基础概念: 全局变量在整个 JavaScript 执行环境中都是可见的,它们不属于任何一个函数,而是属于整个脚本文件或者全局作用域。
优势:
类型:
var num = 10;
。var
、let
或 const
声明而直接赋值的变量。应用场景:
问题及原因:
解决方法:
示例代码:
// 不推荐的方式,使用全局变量
var globalVar = 5;
function changeGlobal() {
globalVar = 10;
}
console.log(globalVar); // 输出 5
changeGlobal();
console.log(globalVar); // 输出 10
// 推荐的方式,使用模块化
// math.js
const math = (function () {
let privateVar = 5;
function changePrivate() {
privateVar = 10;
}
return {
getPrivateVar: function () {
return privateVar;
},
changePrivateVar: changePrivate
};
})();
console.log(math.getPrivateVar()); // 输出 5
math.changePrivateVar();
console.log(math.getPrivateVar()); // 输出 10
在上述示例中,通过模块化的方式避免了全局变量的使用,提高了代码的可维护性和可读性。
领取专属 10元无门槛券
手把手带您无忧上云