<button type="button" onclick="func();">按鈕</button>
var i = 0;
func(){
i += 1;
console.log(i)
}
Voraussetzung: Klicken Sie auf die Schaltfl?che Variable, um sie um 1 zu erh?hen. Finden Sie den besten Weg, dies zu erreichen.
Darüber hinaus gibt es viele M?glichkeiten, dies zu erreichen.
Direkt in globale Variablen speichern – dadurch wird der globale Namensraum verschmutzt
Verwenden Sie ein globales Array, um die globalen Variablen der aktuellen App zu speichern – entspricht nicht der aktuellen Architektur
Schlie?ung – scheint sich nicht an die aktuelle Szene anzupassen (verwenden Sie Onclick, um die Funktion auszul?sen)
An HTML-Element angedockt – immer noch sehr niedrig
Die Verwendung einer gro?en anonymen Funktion zur Verl?ngerung der Lebensdauer einer Variablen – entspricht nicht der aktuellen Architektur
歡迎選擇我的課程,讓我們一起見證您的進(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é)點(diǎn)屬性中
<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)
}
})()