js统一全局变量

时间:2022-11-22 12:31:27

       前言:js中难免要用到全局变量,但是过多的全局变量会影响js的性能,在此我创造了一个统一全局变量的写法,只需要这一个全局变量即可

/**
 * 全局变量管理器
 */
var overallManager = (function() {

	// 存储全局变量,闭包保护不受污染
	var overall = {};

	/**
	 * @param name
	 *            全局变量名称
	 * @param value
	 *            全局变量值
	 */
	return function(name, value) {
		// 首先保证有传参
		if (arguments.length == 0) {
			return null;
		}
		// 上一句已经保证至少传入一个name,这里保证name是String类型
		name = String(name);
		// 不传value为get方法
		if (value === undefined) {
			return overall[name];
		}
		// 传value为set方法
		overall[name] = value;
	};
})();

使用情况截图:

js统一全局变量


      如果不知道某个名字的全局变量有没有被定义过,可以通过get方法判断其值是否为undefined,如图所示。

      这样的话一个js用overallManager这一个全局变量就可以了。甚至可以把它放进基js,所有js都引它,可以通过不同js全局变量的变量名前面加上js文件名前缀的方式去有效避免全局变量名的重复,实现所有全局变量的大一统。