javascript - js中如何实现静态变量

问题描述

问 题

<button type="button" onclick="func();">按钮</button>

var i = 0;
func(){
    i += 1;
    console.log(i)
}

需求：点击按钮变量自增1。求最好的实现方法。
补充一下，实现方法有很多。

1. 直接保存到全局变量里——污染了全局命名空间

2. 使用一个全局数组保存当前app的全局变量——不符合当前架构

3. 闭包——似乎不适应当前场景（使用onclick触发函数）

4. 停靠到html元素中——还是很low

5. 使用一个大的匿名函数延长变量的生命周期——不符合当前架构

解决方案

谁说闭包不适用？

var func = (function(){
var i = 0;
return function(){
    i++;
    console.log(i);
}

}());

或者你可以这样：

var func = function(){
    func.i++;
    console.log(func.i);
};
func.i = 0;

这篇关于javascript - js中如何实现静态变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！