<button type="button" onclick="func();">按鈕</button>
var i = 0;
func(){
i += 1;
console.log(i)
}
需求:點擊按鈕變量自增1。求最好的實現(xiàn)方法。
補充一下,實現(xiàn)方法有很多。
直接保存到全局變量里——污染了全局命名空間
使用一個全局?jǐn)?shù)組保存當(dāng)前app的全局變量——不符合當(dāng)前架構(gòu)
閉包——似乎不適應(yīng)當(dāng)前場景(使用onclick觸發(fā)函數(shù))
??康絟tml元素中——還是很low
使用一個大的匿名函數(shù)延長變量的生命周期——不符合當(dāng)前架構(gòu)
歡迎選擇我的課程,讓我們一起見證您的進(jìn)步~~
誰說閉包不適用?
var func = (function(){
var i = 0;
return function(){
i++;
console.log(i);
}
}());
或者你可以這樣:
var func = function(){
func.i++;
console.log(func.i);
};
func.i = 0;
保存在dom節(jié)點屬性中
<button data-click-number="0" type="button" id="incBtn" >按鈕</button>
$("#incBtn").on('click',function(){
var preClickNumber=$(this).attr('data-click-number') ?: 1;
$(this).attr('data-click-number',preClickNumber++);
});
js沒有靜態(tài)變量。 只有局部變量與全局變量。
<button type="button" onclick="++i">按鈕</button>
var i = 0;
閉包大發(fā)好,建議題主去看看javascript的函數(shù)式的一些書籍,這也是JavaScript的一大特色
let click = (() => {
var i = 0;
return function() {
i += 1;
console.log(i)
}
})()